@charset "utf-8";


img{ max-width: 100% !important; }





@font-face {

  font-family: 'Montserrat';  

  src: url('Montserrat-Light-6.otf');       

}





input[type="button"], input[type="submit"], input[type="reset"] {

     -webkit-appearance: none;

}

textarea {  

    -webkit-appearance: none;

}



body{font-family:"思源黑体","Montserrat";}



a{ margin:0px; padding:0px; border:0px; text-decoration:none; color:#555555; font-size:13px;transition: all 0.3s ease 0s;

-webkit-transform: all 0.3s ease 0s;  -webkit-tap-highlight-color: transparent; outline: none;}

a:hover{ text-decoration:none;

       transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;}

*{ padding:0px; margin:0px; border:0px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; outline: none;}

/* background:rgba(0,0,0,0);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);*/

li{ list-style:none;}

.clear:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}

.clear{zoom: 1;}/* 触发 hasLayout */ 

img{ vertical-align: middle;}

input:focus{ outline: none;}/*去除按钮选中的高亮标签*/

textarea:focus{ outline: none;}/*去除文本框选中的高亮标签*/

button:focus{ outline: none;}/*去除按钮选中的高亮标签*/

select:focus{ outline: none;}/*去除下拉框选中的高亮标签*/

img{vertical-align: middle;}

div,p,table,td,ul,li,span,a,ol,input,label{ padding:0px; margin:0px; border:0px;}

input::-ms-input-placeholder{ /* Internet Explorer 10+ */ color:#999999; font-size:13px;}

input::-webkit-input-placeholder{ /* WebKit browsers */ color:#999999; font-size:13px;}

input::-moz-placeholder{ /* Mozilla Firefox 4 to 18 */  color:#999999; font-size:13px;}

input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999999; font-size:13px;}

input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999999; font-size:13px;}

textarea::-webkit-input-placeholder{color:#999999; font-size:14px; font-family:"思源黑体","Montserrat";}







.search input::-ms-input-placeholder{ /* Internet Explorer 10+ */ color:#89a4d5; font-size:13px;}

.search input::-webkit-input-placeholder{ /* WebKit browsers */ color:#89a4d5; font-size:13px;}

.search input::-moz-placeholder{ /* Mozilla Firefox 4 to 18 */  color:#89a4d5; font-size:13px;}

.search input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#89a4d5; font-size:13px;}

.search input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#89a4d5; font-size:13px;}







video::-internal-media-controls-download-button {

    display:none;

}

video::-webkit-media-controls-enclosure {

    overflow:hidden;

}

video::-webkit-media-controls-panel {

    width: calc(100% + 30px); 

}





.mo_down{ height:0px; overflow:hidden}

.mo_down.on{ height:auto;}



input:-webkit-autofill { 

-webkit-box-shadow: 0 0 0px 1000px white inset; 

}





.fl{ float:left;}

.fr{ float:right;}

/*渐变从左向右*/

.jianbian2{

    height: 200px;

    background: -webkit-linear-gradient(to right,blue, yellow); /* Safari 5.1 - 6.0 */

    background: -o-linear-gradient(to right,blue, yellow); /* Opera 11.1 - 12.0 */

    background: -moz-linear-gradient(to right,blue, yellow); /* Firefox 3.6 - 15 */

    background: linear-gradient(to right,white, yellow); /* 标准的语法（必须放在最后） */

}



/*黑白照片*/

.gray { 

-webkit-filter: grayscale(100%); 

   -moz-filter: grayscale(100%); 

    -ms-filter: grayscale(100%); 

     -o-filter: grayscale(100%); 

        filter: grayscale(100%); 

        filter: gray; 

}



.gray:hover { 

-webkit-filter: grayscale(0%); 

   -moz-filter: grayscale(0%); 

    -ms-filter: grayscale(0%); 

     -o-filter: grayscale(0%); 

        filter: grayscale(0%); 

        filter: gray; 

}

/*圆角5px*/

.radius5{ 

-webkit-border-radius:5px; 

   -moz-border-radius:5px; 

    -ms-border-radius:5px; 

     -o-border-radius:5px; 

        border-radius:5px; 

}

/*圆角10px*/

.radius10{ 

-webkit-border-radius:10px; 

   -moz-border-radius:10px; 

    -ms-border-radius:10px; 

     -o-border-radius:10px; 

        border-radius:10px; 

}

/*图片变大*/

.tra{

-webkit-transform: scale(1);

   -moz-transform: scale(1);

    -ms-transform: scale(1);

     -o-transform: scale(1);

           filter: scale(1);

           filter: transform;

       transition: all 0.5s ease 0s;

-webkit-transform: all 0.5s ease 0s; 

	cursor:pointer;

	

}

.tra:hover{

-webkit-transform: scale(1.15);

   -moz-transform: scale(1.15);

    -ms-transform: scale(1.15);

     -o-transform: scale(1.15);

           filter: scale(1.15);

           filter: transform;

       transition: all 0.5s ease 0s;

-webkit-transform: all 0.5s ease 0s; 

	cursor:pointer;



	

}

/*透明度50%*/

.opacity5{ filter:alpha(opacity=50);-moz-opacity:0.5; -khtml-opacity:0.5;opacity: 0.5;}





.shadow1{ 

-webkit-box-shadow:rgba(0,0,0,0.1) 0px 0px 5px;

   -moz-box-shadow:rgba(0,0,0,0.1) 0px 0px 5px;

    -ms-box-shadow:rgba(0,0,0,0.1) 0px 0px 5px; 

     -o-box-shadow:rgba(0,0,0,0.1) 0px 0px 5px; 

        box-shadow:rgba(0,0,0,0.1) 0px 0px 5px;

}

.shadow2{transition: all 0.3s ease 0s;

-webkit-transform: all 0.3s ease 0s; }

.shadow2:hover{ 

-webkit-box-shadow:rgba(0,0,0,0.1) 0px 0px 15px;

   -moz-box-shadow:rgba(0,0,0,0.1) 0px 0px 15px;

    -ms-box-shadow:rgba(0,0,0,0.1) 0px 0px 15px; 

     -o-box-shadow:rgba(0,0,0,0.1) 0px 0px 15px; 

        box-shadow:rgba(0,0,0,0.1) 0px 0px 15px;transition: all 0.3s ease 0s;

-webkit-transform: all 0.3s ease 0s; 

}





/*投影*/

.shadow5{ 

		transition: all 0.3s ease 0s;

-webkit-transform: all 0.3s ease 0s; 

}



.shadow7{ 

		transition: all 0.3s ease 0s;

-webkit-transform: all 0.3s ease 0s; 

}

.shadow7:hover{ 

-webkit-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px;

   -moz-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px;

    -ms-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; 

     -o-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; 

        box-shadow:rgba(0,0,0,0.5) 0px 0px 5px;

		transition: all 0.3s ease 0s;

-webkit-transform: all 0.3s ease 0s; 

}





.shadow1_1{ 

-webkit-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px;

   -moz-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px;

    -ms-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; 

     -o-box-shadow:rgba(0,0,0,0.5) 0px 0px 5px; 

        box-shadow:rgba(0,0,0,0.5) 0px 0px 5px;

		transition: all 0.3s ease 0s;

-webkit-transform: all 0.3s ease 0s; 

}





.shadow5:hover{ 

-webkit-box-shadow:rgba(0,0,0,0.08) 0px 0px 15px; 

   -moz-box-shadow:rgba(0,0,0,0.08) 0px 0px 15px; 

    -ms-box-shadow:rgba(0,0,0,0.08) 0px 0px 15px; 

     -o-box-shadow:rgba(0,0,0,0.08) 0px 0px 15px; 

        box-shadow:rgba(0,0,0,0.08) 0px 0px 15px; 

		transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; 

}



.shadow8{ 

-webkit-box-shadow:rgba(0,0,0,0.05) 5px 5px 5px;

   -moz-box-shadow:rgba(0,0,0,0.05) 5px 5px 5px;

    -ms-box-shadow:rgba(0,0,0,0.05) 5px 5px 5px;

     -o-box-shadow:rgba(0,0,0,0.05) 5px 5px 5px;

        box-shadow:rgba(0,0,0,0.05) 5px 5px 5px;

		transition: all 0.5s ease 0s;

-webkit-transform: all 0.5s ease 0s; 

}





.shadow6{ 

-webkit-box-shadow:rgba(0,0,0,0.3) 5px 5px 60px;

   -moz-box-shadow:rgba(0,0,0,0.3) 5px 5px 60px;

    -ms-box-shadow:rgba(0,0,0,0.3) 5px 5px 60px;

     -o-box-shadow:rgba(0,0,0,0.3) 5px 5px 60px;

        box-shadow:rgba(0,0,0,0.3) 5px 5px 60px;

		transition: all 0.5s ease 0s;

-webkit-transform: all 0.5s ease 0s; 

}



/*投影*/

.shadow10{ 

-webkit-box-shadow:rgba(0,0,0,0.13) 0px 0px 10px; 

   -moz-box-shadow:rgba(0,0,0,0.13) 0px 0px 10px; 

    -ms-box-shadow:rgba(0,0,0,0.13) 0px 0px 10px; 

     -o-box-shadow:rgba(0,0,0,0.13) 0px 0px 10px; 

        box-shadow:rgba(0,0,0,0.13) 0px 0px 10px; 

}

/*图片居中*/

.center{

	-webkit-align-items: center;

    display: -webkit-flex;

    -webkit-justify-content: star;

}



/*图片居中2*/

.vertical{

	display:-webkit-box;

 display:-webkit-flex;

 display:-moz-box;

 display:-moz-flex;

display:-ms-flexbox;

display:flex;

/* 水平居中*/ 

	   -webkit-box-align:center;

		  -moz-box-align:center;

		   -ms-flex-pack:center;

 /* IE 10 */

 -webkit-justify-content:center; 

	-moz-justify-content:center;

	     justify-content:center;

/* IE 11+,Firefox 22+,Chrome 29+,Opera 12.1*/

/* 垂直居中 */ 

		-webkit-box-pack:center;

		  -ms-flex-align:center;

		   -moz-box-pack:center;

/* IE 10 */

	 -webkit-align-items:center;

	    -moz-align-items:center;

	    	 align-items:center;



}













/*图片翻转*/

.flip{

	-webkit-transform: rotate(0deg);

       -moz-transform: rotate(0deg);

        -ms-transform: rotate(0deg);

         -o-transform: rotate(0deg);

            transform: rotate(0deg);

           transition: all 0.5s ease;

    -webkit-transform: all 0.5s ease;

 }

.flip:hover{

	-webkit-transform: rotate(360deg);

       -moz-transform: rotate(360deg);

        -ms-transform: rotate(360deg);

         -o-transform: rotate(360deg);

            transform: rotate(360deg);

           transition: all 0.5s ease; -webkit-transform: all 0.5s ease;  

	cursor:pointer;

}







.noscroll{

    overflow: hidden;

}





.quan{ width: 100%;}



.mo_top{ width:100%; display:none; position:fixed; top: 0; z-index: 100;}

.mo_top .mot{ width:100%; padding:0 2%; height:50px; background:#fff;box-shadow: 0px 0px 16px rgba(0,0,0,.2); display:flex; align-items:center; justify-content: space-between;}

.mo_top .mot .molo{ float:left; display:inline-block; height:30px; margin:10px 0;}

.mo_top .mot .molo img{ height:30px;}

.mo_top .mot .mot_right{ display:flex; align-items:center;}

.mo_top .mot .mot_right dd{ margin-right: 5px;}

.mo_top .mot .mot_right dd a i{ font-size:26px; color:#004a91;}

.mo_top .mot .mot_right dt{ position:relative; width:35px; height:35px;}

.mo_top .mot .mot_right dt .cd-nav-trigger{ top:0; right:0;}











.pc_all .pc_all_content{ max-width:1400px; margin:0 auto;}









.header{ position:absolute; left:0; top:0; width:100%; z-index:2; transition: all 0.3s ease; -webkit-transform: all 0.3s ease; background: #fff;}

.header.on{ background:#262931; transition: all 0.3s ease; -webkit-transform: all 0.3s ease;  position: fixed;}

.header .header_top{ display:flex; align-items:center; justify-content:space-between; padding:0px 40px; height:85px; border-bottom:1px solid rgba(255,255,255,.3);}

.header .header_top .header_top_nav{ display:flex; align-items:center;}

.header .header_top .header_top_nav .top_nav_left{ display:flex; align-items:center;}

.header.on .header_top .header_top_nav .top_nav_left .nav_left_list{ opacity:0; transition: all 0.3s ease; -webkit-transform: all 0.3s ease;}

.header .header_top .header_top_nav .top_nav_left .nav_left_list{ margin-right:80px; transition: all 0.3s ease; -webkit-transform: all 0.3s ease; position: relative;}

.header .header_top .header_top_nav .top_nav_left .nav_left_list:last-child{ margin-right:0px;}

.header .header_top .header_top_nav .top_nav_left .nav_left_list .left_list_title{ font-size:16px; color:#262626; height:85px; display:flex; align-items:center;}

.header .header_top .header_top_nav .top_nav_left .nav_left_list .left_list_down{ position:absolute; left:-20px; width:100%; top:85px; background: rgba(0,0,0,0.5); transition: all 0.5s ease; -webkit-transform: all 0.5s ease; width:140px; display:none;}

.header .header_top .header_top_nav .top_nav_left .nav_left_list .left_list_down a{ font-size:14px; color:#fff; width:100%; display:inline-block; text-align:center; line-height:42px;}

.header .header_top .header_top_nav .top_nav_left .nav_left_list .left_list_down a:hover{ background:#1798dc; color:#fff;}

.header .header_top .header_top_nav .top_nav_left .nav_left_list:hover .left_list_down{ display:block;}





.header .header_top .header_top_nav .top_nav_right{ display:flex; align-items:center; margin-left:50px; padding-left:50px; position:relative;}

.header .header_top .header_top_nav .top_nav_right:before{ content:""; display:inline-block; width:1px; height:25px; background:#000; opacity:.3; left:0; position:absolute; transition: all 0.3s ease; -webkit-transform: all 0.3s ease;}

.header.on .header_top .header_top_nav .top_nav_right:before{ opacity:0; transition: all 0.3s ease; -webkit-transform: all 0.3s ease;}

.header .header_top .header_top_nav .top_nav_right .nav_right_search{ display:flex; align-items:center; margin-right:28px; cursor:pointer;}



.header .header_top .header_top_nav .top_nav_right .nav_right_language{ margin-right:28px; cursor:pointer; position:relative;}

.header .header_top .header_top_nav .top_nav_right .nav_right_language a{ font-size:16px; color:#fff;}

.header .header_top .header_top_nav .top_nav_right .nav_right_language a:last-child{ margin-left:5px;}

.header .header_top .header_top_nav .top_nav_right .nav_right_language .language_down{ position:absolute; left:50%; top:30px; transform:translateX(-50%); display:flex; flex-direction:column; padding:10px 20px; border-radius:10px; background:#262931; display:none;}

.header .header_top .header_top_nav .top_nav_right .nav_right_language:hover .language_down{ display:flex;}

.header .header_top .header_top_nav .top_nav_right .nav_right_language .language_down a{ font-size:14px; color:#FFFFFF; line-height:2.5em;}

.header .header_top .header_top_nav .top_nav_right .nav_right_language .language_down a:hover{ opacity:0.8;}

.header .header_top .header_top_nav .top_nav_right .nav_right_language .language_down:before {

    content: "";

    display: inline-block;

    width: 0;

    height: 0;

    border-left: 10px solid transparent;

    border-right: 10px solid transparent;

    border-bottom: 10px solid #262931;

    position: absolute;

    top: -10px;

    left: 0;

    right: 0;

    margin: 0 auto;

}



.header .header_top .header_top_nav .top_nav_right .nav_right_menu{ /*cursor:pointer;*/ width:80px; height:15px; position:relative; font-size: 15px;}

.header .header_top .header_top_nav .top_nav_right .nav_right_menu span{ position:absolute; left:0; top:0; width:100%; height:100%; display:flex; align-items:center;}

.header .header_top .header_top_nav .top_nav_right .nav_right_menu span img{ position:absolute; transition: all 0.3s ease; -webkit-transform: all 0.3s ease;}

.header .header_top .header_top_nav .top_nav_right .nav_right_menu span img:last-child{ opacity:0;}

.header.on .header_top .header_top_nav .top_nav_right .nav_right_menu span img{ opacity:0; transition: all 0.3s ease; -webkit-transform: all 0.3s ease;}

.header.on .header_top .header_top_nav .top_nav_right .nav_right_menu span img:last-child{ opacity:1; transition: all 0.3s ease; -webkit-transform: all 0.3s ease;}







.banner{ position:relative; height:920px; background:#000000;}

.banner .banner_list .banner_list_img img{ width:100%; height:980px; object-fit:cover;}

.banner .banner_list .banner_list_img video{ width:100%; height:980px; object-fit:cover; background: #000;}

.banner .banner_list .banner_list_txt{ position:absolute; max-width:1350px; left:0; right:0; margin:0 auto; top:100px; display:flex; flex-direction:column; justify-content:center; height:calc(100% - 100px);}

.banner .banner_list .banner_list_txt dd{ font-size:44px; color:#fff; margin-bottom:40px;}

.banner .banner_list .banner_list_txt dt{ font-size:20px; color:#fff; line-height:42px; margin-bottom:100px; padding:0px 23px; border:1px solid rgba(255,255,255,.3); display:inline-block; max-width:250px;}

.banner .banner_list .banner_list_txt a{ font-size:14px; color:#fff; display:flex; align-items:center; justify-content:center; width:203px; height:54px; background:#232836;}

.banner .banner_list .banner_list_txt a:hover{ background:#0070C0;}

.banner .banner_list .banner_list_txt a img{ margin-left:12px;}

.banner .swiper-pagination{ bottom:26px;}

.banner .swiper-pagination-bullet{ width:60px; height:3px; border-radius:100px; background:#fff; transition: all 0.5s ease; -webkit-transform: all 0.5s ease;transform: skewX(-45deg);}

.banner .swiper-pagination-bullets .swiper-pagination-bullet{ margin:0px 8px;}

.banner .swiper-pagination-bullet-active{ background:#fff; transition: all 0.5s ease; -webkit-transform: all 0.5s ease;}

.banner .banner_list .banner_list_txt{ display:none;}

.banner .banner_list.swiper-slide-active .banner_list_txt{ display: flex;}







.MenuDown{ position:fixed; top:0; left:0; width:100%; top:85px; background:#262931 url(../images/bnn1.png) no-repeat 0% 100%; z-index:50; height:calc(100% - 85px); padding:0px 14%; padding-top:80px; display:none;}

.MenuDown .MenuDown_title{ padding-bottom:35px; border-bottom:1px solid rgba(181,181,181,.5); margin-bottom:45px;}

.MenuDown .MenuDown_title a{ font-size:24px; color:#fff;}

.MenuDown .MenuDown_content{ display:flex; justify-content:space-between;}

.MenuDown .MenuDown_content .MenuDown_content_list .content_list_title{ margin-bottom:30px;}

.MenuDown .MenuDown_content .MenuDown_content_list .content_list_title a{ font-size:22px; color:#fff;}

.MenuDown .MenuDown_content .MenuDown_content_list .content_list_txt p{ margin-bottom:16px;}

.MenuDown .MenuDown_content .MenuDown_content_list .content_list_txt p a{ font-size:18px; color:rgba(255,255,255,.7);}

.MenuDown .MenuDown_content .MenuDown_content_list .content_list_txt p a:hover{ color:#FFF200;}



















.IProduct{ background: #fff url(../images/bn9.png) no-repeat 0% 215px;}

.IProduct .IProduct_top ul{ display:flex; align-items:center; }

.IProduct .IProduct_top ul .IProduct_top_list{ width:16.66%; text-align:center; padding:24px 0px; position:relative; background:#f4f4f4; cursor:pointer;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;}

.IProduct .IProduct_top ul .IProduct_top_list:before{ content:""; display:inline-block; width:1px; height:100%; background:rgba(255,255,255,.1); position:absolute; right:0; top:0;}

.IProduct .IProduct_top ul .IProduct_top_list:after{ content:""; width:0; height:0; border-right:6px solid transparent; border-left:6px solid transparent; border-top:8px solid #727171; position:absolute; right:0; bottom:0px; left:0; margin:0 auto; opacity:0;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;}

.IProduct .IProduct_top ul .IProduct_top_list.on:after{ bottom:-8px;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; opacity:1;}

.IProduct .IProduct_top ul .IProduct_top_list:hover:after{ bottom:-8px;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; opacity:1;}

.IProduct .IProduct_top ul .IProduct_top_list:hover{ background:#727171;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;}

.IProduct .IProduct_top ul .IProduct_top_list.on{ background:#727171;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;}

.IProduct .IProduct_top ul .IProduct_top_list .top_list_icon{ height:56px; display:flex; align-items:center; justify-content:center; margin:0 auto;}

.IProduct .IProduct_top ul .IProduct_top_list .top_list_title{ margin-top:20px; font-size:16px; color:#fff;}

.IProduct .IProduct_content{ padding:37px 0px; padding-top: 50px;}

.IProduct .IProduct_content .IProduct_content_list .content_list_title{  justify-content:space-between; margin-bottom:38px;}

.IProduct .IProduct_content .IProduct_content_list .content_list_title .list_title_left .title_left_top .left_top_dd{ font-size:18px; color:#fff; margin-bottom:15px; font-weight:bolder;}

.IProduct .IProduct_content .IProduct_content_list .content_list_title .list_title_left .title_left_top .left_top_dt{ font-size:40px; color:#262626;  float: left;}

.IProduct .IProduct_content .IProduct_content_list .content_list_title .list_title_left .title_left_bottom{ font-size:14px; color:rgba(255,255,255,.5); line-height:24px; margin-top:32px;}

.IProduct .IProduct_content .IProduct_content_list .content_list_title .list_title_right{ display:flex; align-items:center;}

.IProduct .IProduct_content .IProduct_content_list .content_list_title .list_title_right div{ border:1px solid #30b0f3; width:72px; height:47px; display:flex; align-items:center; justify-content:center; position:inherit; margin-top:0px;}

.IProduct .IProduct_content .IProduct_content_list .content_list_title .list_title_right .swiper-button-next.swiper-button-disabled, .IProduct .IProduct_content .IProduct_content_list .content_list_title .list_title_right .swiper-button-prev.swiper-button-disabled{ opacity:1; border:1px solid #6e6d6d;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;}

.IProduct .IProduct_content .IProduct_content_list .content_list_title .list_title_right .swiper-button-next.swiper-button-disabled i, .IProduct .IProduct_content .IProduct_content_list .content_list_title .list_title_right .swiper-button-prev.swiper-button-disabled i{ color:#6e6d6d;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;}

.IProduct .IProduct_content .IProduct_content_list .content_list_title .list_title_right div:after{ display:none;}

.IProduct .IProduct_content .IProduct_content_list .content_list_title .list_title_right div i{ font-size:24px; color:#30b0f3;}

.IProduct .IProduct_content .IProduct_content_list .content_list_txt .list_txt_li{ background:#f4f4f4; width:335px; height:460px; border-radius:4px; padding:50px 30px; padding-bottom:0px; position:relative; overflow:hidden;}

.IProduct .IProduct_content .IProduct_content_list .content_list_txt .list_txt_li .txt_li_title{ font-size:24px; color:#262626; margin-bottom:80px;}

.IProduct .IProduct_content .IProduct_content_list .content_list_txt .list_txt_li .txt_li_title .li_title_dd{ margin-bottom:10px;font-size:20px; }

.IProduct .IProduct_content .IProduct_content_list .content_list_txt .list_txt_li .txt_li_images{ height:270px; display:flex; align-items:center; justify-content:center;}

.IProduct .IProduct_content .IProduct_content_list .content_list_txt .list_txt_li .txt_li_images img{ max-height:270px; max-width:100%;}

.IProduct .IProduct_content .IProduct_content_list .content_list_txt .list_txt_li .txt_li_hover{ position:absolute; top:0; left:0; width:100%; height:100%; background:#1798dc ; padding:50px 30px; display:flex; justify-content:space-between; flex-direction:column; opacity:0;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;}

.IProduct .IProduct_content .IProduct_content_list .content_list_txt .list_txt_li .txt_li_hover .li_hover_title .hover_title_dd{ font-size:20px; color:#fff;}

.IProduct .IProduct_content .IProduct_content_list .content_list_txt .list_txt_li .txt_li_hover .li_hover_title .hover_title_dt{ font-size:24px; color:#fff; margin-top:10px; position:relative; padding-bottom:40px; margin-bottom:40px;}

.IProduct .IProduct_content .IProduct_content_list .content_list_txt .list_txt_li .txt_li_hover .li_hover_title .hover_title_dt:before{ content:""; display:inline-block; width:54px; height:5px; background:url(../images/bn13.png) no-repeat 50% 50%; position:absolute; bottom:0; left:0;}

.IProduct .IProduct_content .IProduct_content_list .content_list_txt .list_txt_li .txt_li_hover .li_hover_title .hover_title_c p{ font-size:14px; color:#fff;  position:relative; padding-left:15px; margin-bottom:10px;}

.IProduct .IProduct_content .IProduct_content_list .content_list_txt .list_txt_li .txt_li_hover .li_hover_title .hover_title_c p:last-child{ margin-bottom:0px;}

.IProduct .IProduct_content .IProduct_content_list .content_list_txt .list_txt_li .txt_li_hover .li_hover_title .hover_title_c p:before{ content:""; display:inline-block; width:5px; height:5px; border-radius:100%; background:#fff; position:absolute; left:0; top:7px;}

.IProduct .IProduct_content .IProduct_content_list .content_list_txt .list_txt_li .txt_li_hover .li_hover_btn a{ font-size:14px; color:#fff; display:flex; align-items:center; justify-content:center; width:140px; height:42px; border:1px solid #fff;}

.IProduct .IProduct_content .IProduct_content_list .content_list_txt .list_txt_li .txt_li_hover .li_hover_btn a img{ margin-right:11px; position:relative; top:

2px;}

.IProduct .IProduct_content .IProduct_content_list .content_list_txt .list_txt_li:hover .txt_li_hover{ opacity:1;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;}





/*足迹模块*/

.n-about .list4 {

  padding-top: 2.0rem;

  background: #f2f2f2;

  height: 657px;

  position: relative;

  overflow: hidden;

}

.n-about .list4 .mapbox {

  position: relative;

  z-index: 4;

}

.n-about .list4 .tit1 {

  margin-bottom: .3rem;

}

.n-about .list4 .ul {

  position: absolute;

  right: 0;

  top: 0;

  text-align: center;

  display: flex;

  flex-flow: row nowrap;

  justify-content: flex-start;

  align-items: flex-start;

}

.n-about .list4 .ul .li {

  border-radius: 5px;

  background: #cfcfcf;

  width: 180px;

  height: 40px;

  line-height: 40px;

  margin-left: 10px;

  cursor: pointer;

  transition: all .3s ease-in-out;

}

.n-about .list4 .ul .li span {

  display: inline-block;

  padding-right: .5rem;

  color: #666;

  font-size: 16px;

  position: relative;

  transition: all .3s ease-in-out;

}

.n-about .list4 .ul .li span:before {

  position: absolute;

  right: 0;

  top: 50%;

  transform: translate(0, -50%);

}

.n-about .list4 .ul .li:hover, .n-about .list4 .ul .li.cur {

  color: #fff;

  background: #c60b2a;

}

.n-about .list4 .ul .li:hover span, .n-about .list4 .ul .li.cur span {

  color: #fff;

}

.n-about .list4 .map-img {

  width: 100%;

  position: absolute;

  z-index: 1;

  left: 0;

  top: 0;

  height: 100%;

  background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

}

.n-about .list4 .map-img img {

  max-width: 100%;

}

.n-about .list4 .text {

  margin-top: 1.75rem;

  width: 28%;

  display: flex;

  flex-flow: row wrap;

  justify-content: space-between;

  align-items: stretch;

}

.n-about .list4 .text .li {

  width: 46%;

  padding-top: 15px;

  padding-bottom: 1rem;

  border-top: 1px solid #d7d7d7;

}

.n-about .list4 .text .tit3 {

  margin-bottom: 10px;

}

.n-about .list4 .text .tit4 {

  font-family: "Arial";

  color: #555;

  line-height: 1;

}

.n-about .list4 .text .tit4 span {

  font-size: 14px;

}

.n-about .list4 .tab-label {

  width: 180px;

  height: 45px;

  line-height: 45px;

  border: 1px solid #c60a2a;

  border-radius: 5px;

  margin: 1.35rem 0 0 !important;

  color: #c60a2a;

}

.n-about .list4 .tab-label .n-tab-label {

  padding-right: 30px;

}

.n-about .list4 .tab-label .n-tab-label:before {

  font-size: 16px;

  position: absolute;

  right: 0;

  top: 0;

}

.n-about .list4 .tab-label:hover {

  color: #c60a2a;

}



@media (max-width: 1500px) {

  

}

@media (max-width: 1360px) {

  .n-about .list4 .text {

    width: 40%;

  }

  .n-about .list4 .text .li {

    padding-top: 5px;

    padding-bottom: 15px;

  }

}

@media (max-width: 1270px) {

  .n-about .list4 {

    height: 20rem;

  }



}

@media (max-width: 1024px) {

  .n-about .list4 {

    padding-top: 2rem;

    text-align: center;

  }



  .n-about .list4 {

    height: auto;

  }



  .n-about .list4 .map-img {

    background: none !important;

  }



  .n-about .list4 .ul .li {

    width: 130px;

  }

  .n-about .list4 .ul .li span {

    font-size: 14px;

  }

  .n-about .list4 .ul .li span:before {

    font-size: 12px;

  }



  .n-about .list4 .ul {

    position: relative;

    right: auto;

    top: auto;

    margin-top: 1rem;

    display: flex;

    flex-flow: row nowrap;

    justify-content: center;

    align-items: center;

  }



  .n-about .list4 .ul .li {

    margin-left: 0;

    margin: 0 .3rem;

  }



  .n-about .list4 .map-img {

    position: relative;

  }



  .n-about .list4 .mapbox {

    width: 100%;

  }

  .n-about .list4 {

    height: auto;

  }

  .n-about .list4 .map-img {

    padding-top: 2rem;

  }



  .n-about .list4 .text {

    margin: 1.75rem auto 0;

  }



  .n-about .list4 .tab-label {

    margin: 1.35rem auto 0 !important;

  }

   .n-about .list4 {

    height: auto;

  }



}

@media (max-width: 960px) {

  

}

@media (max-width: 768px) {

  .n-about .list4 .text {

    width: 92%;

  }

}

@media (max-width: 560px) {

  .n-about .list4 .tab-label {

    margin-top: .6rem !important;

  }

}               



















.ISolution{ background:url(../images/bg1.jpg) no-repeat 50%/cover; padding:80px 0px;}

.ISolution .ISolution_title{ display:flex; align-items:center; justify-content:space-between; margin-bottom:50px;}

.ISolution .ISolution_title .ISolution_title_left .title_left_dd{ font-size:18px; color:#fff; margin-bottom:13px; text-transform:uppercase;}

.ISolution .ISolution_title .ISolution_title_left .title_left_dt{ font-size:40px; color:#fff;}

.ISolution .ISolution_title .ISolution_title_right{ font-size:16px; color:#fff; display:flex; align-items:center;}

.ISolution .ISolution_title .ISolution_title_right span{ margin-right:15px; display:flex; align-items:center;}

.ISolution .ISolution_title .ISolution_title_right span:before{ content:""; display:inline-block; width:91px; height:1px; background:#fff; margin-right:20px;}

.ISolution .ISolution_content{ display:flex; align-items:center; justify-content:space-between;}

.ISolution .ISolution_content .ISolution_content_nav{ width:60%; background:rgba(27,36,49,.72); border-radius:22px; overflow:hidden;}

.ISolution .ISolution_content .ISolution_content_nav ul{ width:100%; display:flex; align-items:center; flex-wrap:wrap;}

.ISolution .ISolution_content .ISolution_content_nav .content_nav_li{ width:33.33%; text-align:center; padding:33px 0px; cursor:pointer; position:relative;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;}

.ISolution .ISolution_content .ISolution_content_nav .content_nav_li:before{ content:""; display:inline-block; width:100%; height:100%; position:absolute; top:0; left:0; background: linear-gradient(to right,#22a5ea, #1798dc); opacity:0;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;}

.ISolution .ISolution_content .ISolution_content_nav .content_nav_li .nav_li_icon{ display:flex; align-items:center; justify-content:center; height:45px; height:45px; margin:0 auto; position:relative;}

.ISolution .ISolution_content .ISolution_content_nav .content_nav_li .nav_li_icon span{ position:absolute; left:0; top:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center;}

.ISolution .ISolution_content .ISolution_content_nav .content_nav_li .nav_li_icon span img{ position:absolute;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;}

.ISolution .ISolution_content .ISolution_content_nav .content_nav_li .nav_li_icon span img:last-child{ opacity:0;}

.ISolution .ISolution_content .ISolution_content_nav .content_nav_li .nav_li_title{ font-size:16px; color:#fff; text-align:center; margin-top:11px; position:relative; z-index:2;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;}

.ISolution .ISolution_content .ISolution_content_nav .content_nav_li:hover:before{ opacity:1;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;}

.ISolution .ISolution_content .ISolution_content_nav .content_nav_li:hover{ box-shadow: 0px 10px 23px rgba(130,121,1,.2);transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;}

.ISolution .ISolution_content .ISolution_content_nav .content_nav_li:hover .nav_li_title{ color:#fff;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;}

.ISolution .ISolution_content .ISolution_content_nav .content_nav_li:hover .nav_li_icon span img{ opacity:0;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;}

.ISolution .ISolution_content .ISolution_content_nav .content_nav_li:hover .nav_li_icon span img:last-child{ opacity:1;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;}

.ISolution .ISolution_content .ISolution_content_nav .content_nav_li.on:before{ opacity:1;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;}

.ISolution .ISolution_content .ISolution_content_nav .content_nav_li.on{ box-shadow: 0px 10px 23px rgba(130,121,1,.2);transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;}

.ISolution .ISolution_content .ISolution_content_nav .content_nav_li.on .nav_li_title{ color:#fff;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;}

.ISolution .ISolution_content .ISolution_content_nav .content_nav_li.on .nav_li_icon span img{ opacity:0;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;}

.ISolution .ISolution_content .ISolution_content_nav .content_nav_li.on .nav_li_icon span img:last-child{ opacity:1;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;}

.ISolution .ISolution_content .ISolution_content_txt{ width:40%; padding-left:95px;}

.ISolution .ISolution_content .ISolution_content_txt .content_txt_list .txt_list_title{ padding-bottom:35px; margin-bottom:40px; position:relative;}

.ISolution .ISolution_content .ISolution_content_txt .content_txt_list .txt_list_title:before{ content:""; display:inline-block; width:55px; height:5px; background:url(../images/bn28.png) no-repeat 50% 50%; position:absolute; left:0; bottom:0;}

.ISolution .ISolution_content .ISolution_content_txt .content_txt_list .txt_list_title .list_title_dd{ font-size:36px; color:#fff; margin-bottom:15px;}

.ISolution .ISolution_content .ISolution_content_txt .content_txt_list .txt_list_title .list_title_dt{ font-size:16px; color:#fff;}

.ISolution .ISolution_content .ISolution_content_txt .content_txt_list .txt_list_content{ font-size:16px; color:#fff; line-height:26px;

display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;

}

.ISolution .ISolution_content .ISolution_content_txt .content_txt_list .txt_list_btn{ display:flex; width:188px; height:56px; align-items:center; justify-content:center; background:#1798dc; font-size:14px; color:#fff; margin-top:55px;}

.ISolution .ISolution_content .ISolution_content_txt .content_txt_list .txt_list_btn:hover{ background:#fcc206;}

.ISolution .ISolution_content .ISolution_content_txt .content_txt_list .txt_list_btn img{ margin-right:10px; position:relative; top:2px;}











.INews{ background:#1d1e24 url(../images/bn29.png) 0% 0% no-repeat; padding:85px 0px;}

.INews .pc_all_content{ display:flex; justify-content:space-between;}

.INews .INews_left{ width:20%;}

.INews .INews_left .INews_left_title .left_title_dd{ font-size:18px; color:#666; margin-bottom:8px;}

.INews .INews_left .INews_left_title .left_title_dt{ font-size:40px; color:#333; margin-bottom:30px;}

.INews .INews_left .INews_left_title .left_title_p{ font-size:15px; color:#333; line-height:24px; opacity:.6;}

.INews .INews_left .INews_left_btn{ display:flex; width:188px; height:56px; align-items:center; justify-content:center; background:#1798dc; font-size:14px; color:#fff; margin-top:55px;}

.INews .INews_left .INews_left_btn:hover{ background:#30adf0;}

.INews .INews_left .INews_left_btn img{ margin-right:10px; position:relative; top:2px;}

.INews .INews_left .INews_left_bottom{ display:flex; align-items:center; margin-top:160px;}

.INews .INews_left .INews_left_bottom div{ border:1px solid #30b0f3; width:72px; height:47px; display:flex; align-items:center; justify-content:center; position:inherit; cursor:pointer;}

.INews .INews_left .INews_left_bottom .left_bottom_next.swiper-button-disabled, .INews .INews_left .INews_left_bottom .left_bottom_prev.swiper-button-disabled{ opacity:1; border:1px solid #6e6d6d;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;}

.INews .INews_left .INews_left_bottom .left_bottom_next.swiper-button-disabled i, .INews .INews_left .INews_left_bottom .left_bottom_prev.swiper-button-disabled i{ color:#6e6d6d;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;}

.INews .INews_left .INews_left_bottom div:after{ display:none;}

.INews .INews_left .INews_left_bottom div i{ font-size:24px; color:#30b0f3;}





.INews .INews_right{ width:75%; margin-left:5%; padding:25px 0px;}

.INews .INews_right .INews_right_list{ display:inline-block; padding:18px; border:1px solid rgba(191,193,195,.3); background: #fff;}

.INews .INews_right .INews_right_list .right_list_img{ width:100%; position:relative; overflow:hidden;}

.INews .INews_right .INews_right_list .right_list_img:before{ content:''; display:block; padding-top:calc( 100% * ( 197 / 312));}

.INews .INews_right .INews_right_list .right_list_img img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}

.INews .INews_right .INews_right_list .right_list_title{ font-size:20px; color:#333; line-height:35px; margin-top:25px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; height:35px;}

.INews .INews_right .INews_right_list .right_list_txt{ font-size:14px; color:#999; line-height:24px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin-top:30px; margin-bottom:60px;}

.INews .INews_right .INews_right_list .right_list_time{ font-size:15px; color:#bfc1c3; }

.INews .INews_right .INews_right_list .right_list_hover{ position:absolute; background:#1798dc; position:absolute; left:0; top:-25px; width:100%; height:calc(100% + 50px); padding:0px 20px; opacity:0; border-radius:4px;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;}

.INews .INews_right .INews_right_list:hover .right_list_hover{ opacity:1;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;}

.INews .INews_right .INews_right_list .right_list_hover .list_hover_title{ margin-top:115px; font-size:20px; color:#fff ; line-height:35px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

.INews .INews_right .INews_right_list .right_list_hover .list_hover_txt{font-size:14px; color:#fff; line-height:24px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin-top:30px; margin-bottom:64px;}

.INews .INews_right .INews_right_list .right_list_hover .right_list_time{ font-size:14px; color:#fff; margin-bottom:105px;}

.INews .INews_right .INews_right_list .right_list_hover .right_list_more{ display:flex; align-items:center; font-size:14px; color:#fff;}

.INews .INews_right .INews_right_list .right_list_hover .right_list_more img{ margin-right:8px;}











.Footer{ background: url(../images/bg3.jpg) no-repeat 50%/cover; padding-top:70px;}

.Footer .Footer_top{ display:flex; justify-content:space-between;}

.Footer .Footer_top .Footer_top_list .top_list_title{ margin-bottom:22px;}

.Footer .Footer_top .Footer_top_list .top_list_title a{ font-size:17px; color:rgba(255,255,255,.7);}

.Footer .Footer_top .Footer_top_list .top_list_txt p{ margin-bottom:13px; font-size:14px; color:rgba(191,193,195,.7);}

.Footer .Footer_top .Footer_top_list .top_list_txt p:last-child{ margin-bottom:0px;}

.Footer .Footer_top .Footer_top_list .top_list_txt p a{ font-size:15px; color:rgba(191,193,195,.7);}

.Footer .Footer_top .Footer_top_list .top_list_txt p a:hover{ color:#fff;}

.Footer .Footer_top .Footer_top_list .top_list_txt p img{ margin-right:13px;}

.Footer .Footer_top .Footer_top_list .top_list_share{ margin-top:60px; display:flex; align-items:center; justify-content:flex-end;}

.Footer .Footer_top .Footer_top_list .top_list_share a:last-child{ margin-left:22px;}

.Footer .Footer_bottom{ border-top:1px solid rgba(255,255,255,.1); margin-top:0px; padding:30px 0px;  font-size:14px; color:rgba(255,255,255,.5);}

.Footer .Footer_bottom a{ font-size:14px; color:rgba(255,255,255,.5); display: inline-block}

.Footer .Footer_bottom .Footer_bottom_left a{ margin-left:10px;}

.Footer .Footer_bottom .Footer_bottom_right a{ margin-left:10px;}

.Footer .Footer_bottom .Footer_bottom_right span{ margin-left:10px;}

.Footer .Footer_bottom .Footer_bottom_left{ float: left;}

.Footer .Footer_bottom .Footer_bottom_right{  float: right;}









.DetailsBanenr{ position:relative; padding-top:92px}

.DetailsBanenr .DetailsBanenr_img img{ width:100%; height:660px; object-fit:cover;}

.DetailsBanenr .DetailsBanenr_txt{ position:absolute; left:0; top:86px; width:1400px; margin:0 auto; right:0; height:calc(100% - 86px); display:flex; justify-content:center; flex-direction:column;}

.DetailsBanenr .DetailsBanenr_txt .DetailsBanenr_txt_dd{ font-size:18px; color:#fff; margin-bottom:20px;}

.DetailsBanenr .DetailsBanenr_txt .DetailsBanenr_txt_dt{ font-size:42px; color:#fff;}

.DetailsBanenr .DetailsBanenr_txt em{display: inline-block; width: 35px; height: 2px; background: #fff; margin-top: 10px; margin-bottom: 15px;}









.DetailsNav{ background:#f2f4f6;}

.DetailsNav .pc_all_content{ display:flex; align-items:center; justify-content:space-between; height:80px;}

.DetailsNav .DetailsNav_left a{ color:#333; margin-right:60px; font-size:16px; position:relative; display: inline-block}

.DetailsNav .DetailsNav_left a:before{ content:""; position:absolute; left:0; right:0; margin:0 auto; height:2px; background:#1798dc; bottom:-29px; opacity:0;}

.DetailsNav .DetailsNav_left a.on{ color:#1798dc;}

.DetailsNav .DetailsNav_left a.on:before{ opacity:1;}

.DetailsNav .DetailsNav_left a:hover:before{ opacity:1;}

.DetailsNav .DetailsNav_right a{ font-size:15px; color:#8c8b8b; display: inline-block;}

.DetailsNav .DetailsNav_right span{ font-size:15px; color:#8c8b8b; margin:0px 5px;}

.DetailsNav .DetailsNav_right a img{ margin-right:5px; position:relative; top:-1px;}



.DetailsNav .DetailsNav_right a:hover{  color: #1798dc;}











.About{ background:#fff; position:relative; padding:100px 0px;}

.About .pc_all_content{ display:flex; justify-content:space-between;}

.About .About_left{ width:47%;}

.About .About_left .About_left_top .left_top_title{ font-size:30px; color:#333; position:relative; padding-bottom:55px; margin-bottom:40px;}

.About .About_left .About_left_top .left_top_title:before{ content:""; display:inline-block; width:54px; height:5px; background:url(../images/bn41.png) no-repeat 50% 50%; position:absolute; left:0; bottom:0;}

.About .About_left .About_left_top .left_top_txt{ font-size:15px; line-height:28px; color:#666;}

.About .About_left .About_left_bottom{ display:flex; align-items:center; padding:30px 0px; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; margin-top:105px;}

.About .About_left .About_left_bottom .left_bottom_list{ display:flex; align-items:center;}

.About .About_left .About_left_bottom .left_bottom_list:last-child{ margin-left:40px;}

.About .About_left .About_left_bottom .left_bottom_list .bottom_list_dd{ font-size:45px; color:#404040;}

.About .About_left .About_left_bottom .left_bottom_list span{ font-size:15px; color:#bfc1c3; margin:0px 15px;}

.About .About_left .About_left_bottom .left_bottom_list .bottom_list_dt{ font-size:15px; color:#666;}

.About .About_right{ position:absolute; right:0; top:100px; width:46%; text-align:right;}

.About .About_right img{ max-width:100%;}













.Philosophy{ background: url(../images/changc.jpg) no-repeat 100% 100%; padding:110px 0px;}

.Philosophy .Philosophy_tilte{ display:flex; align-items:center; margin-bottom:45px;}

.Philosophy .Philosophy_tilte .Philosophy_tilte_left{ font-size:36px; color:#333; margin-right:35px;}

.Philosophy .Philosophy_tilte .Philosophy_tilte_right .tilte_right_dt{ font-size:14px; color:#666; font-weight:bolder; margin-top:8px;}

.Philosophy .Philosophy_content{ display:flex; flex-wrap:wrap; justify-content:space-between;} 

.Philosophy .Philosophy_content .Philosophy_content_list{ width:48%; display:flex; align-items: flex-start; padding:40px 0px; padding-right:110px; line-height:24px; padding-left:48px;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;}

.Philosophy .Philosophy_content .Philosophy_content_list .content_list_icon{ padding-top:3px; opacity:.7;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s; width:15%;}

.Philosophy .Philosophy_content .Philosophy_content_list .content_list_txt{ width:85%;}

.Philosophy .Philosophy_content .Philosophy_content_list .content_list_txt .list_txt_dd{ font-size:20px; color:#333; margin-bottom:15px;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;}

.Philosophy .Philosophy_content .Philosophy_content_list .content_list_txt .list_txt_dt{ font-size:16px; color:#666;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;}

.Philosophy .Philosophy_content .Philosophy_content_list:hover{ background:#eeeeee;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;}

.Philosophy .Philosophy_content .Philosophy_content_list:hover .content_list_icon{ opacity:1;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;}

.Philosophy .Philosophy_content .Philosophy_content_list:hover .content_list_txt .list_txt_dd{ color:#333;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;}

.Philosophy .Philosophy_content .Philosophy_content_list:hover .content_list_txt .list_txt_dt{ color:#666;transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;}









.Structure{ background:#fff;}

.Structure .Structure_content{ text-align:center;}

.Structure .Structure_content img{ max-width:100%;}





.jishu{ font-size: 16px; color: #505050; margin-bottom: 50px;}











.Advantage{ position: relative; background:#f2f3f4; margin-bottom:210px;}

.Advantage .pc_all_content{ overflow:hidden;}

.Advantage .Advantage_img{ position:absolute; left:40px; top:70px; width:44%;}

.Advantage .Advantage_right{ width:50%; float:right;}

.Advantage .Advantage_right .Philosophy_tilte{ margin-bottom:50px;}

.Advantage .Advantage_right .Advantage_right_content .Advantage_title{ font-size:15px; color:#666; line-height:25px; margin-bottom:50px;}

.Advantage .Advantage_right .Advantage_right_content .Advantage_txt .Advantage_txt_list{ margin-bottom:40px; display:flex; align-items: flex-start;

-webkit-transform: scale(1);

   -moz-transform: scale(1);

    -ms-transform: scale(1);

     -o-transform: scale(1);

           filter: scale(1);

           filter: transform;

       transition: all 0.5s ease 0s;

-webkit-transform: all 0.5s ease 0s; 

	cursor:pointer;

}

.Advantage .Advantage_right .Advantage_right_content .Advantage_txt .Advantage_txt_list:hover{

-webkit-transform: scale(1.07);

   -moz-transform: scale(1.07);

    -ms-transform: scale(1.07);

     -o-transform: scale(1.07);

           filter: scale(1.07);

           filter: transform;

       transition: all 0.5s ease 0s;

-webkit-transform: all 0.5s ease 0s; 

	cursor:pointer;

}

.Advantage .Advantage_right .Advantage_right_content .Advantage_txt .Advantage_txt_list:last-child{ margin-bottom:0px;}

.Advantage .Advantage_right .Advantage_right_content .Advantage_txt .Advantage_txt_list .txt_list_icon{ padding-top:4px; width:10%;}

.Advantage .Advantage_right .Advantage_right_content .Advantage_txt .Advantage_txt_list .txt_list_right{ width:90%;}

.Advantage .Advantage_right .Advantage_right_content .Advantage_txt .Advantage_txt_list .txt_list_right .list_right_dd{ font-size:21px; color:#333; margin-bottom:15px;}

.Advantage .Advantage_right .Advantage_right_content .Advantage_txt .Advantage_txt_list .txt_list_right .list_right_dt{ font-size:14px; color:#666; line-height:25px;}











{}





.neibanner{ width:100%;  position: relative;}

.neibanner .bannerZhan{ width:100%; max-width: 1400px; }

.neibanner .bannerZhan:before{ content: ''; display:block; padding-top:calc( 100% * ( 660 / 1400)); }

.bannerText{ width:100%; max-width: 1400px;  display: flex; flex-direction: column; justify-content: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}

.bannerText .enTitle{ font-size: 24px; line-height: 2em; color: #fff; }

.bannerText .cnTitle{ font-size: 42px; line-height: 2em; color: #fff; }



{}



.newsBody{ width: 94%; max-width: 1400px; display: flex; margin:80px auto; }

.newsBody .newsLeft{ width:calc( 100% - 470px); }

.newsBody .newsRight{ width:370px; margin-left:100px; flex-shrink: 0; }



.contentTitle{ width:100%; font-size: 30px; color: #333; }

.contentTime{ font-size: 14px; color: #999; line-height: 4em; }

.contentText{ padding:30px 0 45px; border-top:#b7b7b7 solid 1px; border-bottom:#b7b7b7 solid 1px; font-size: 16px; color: #454545; line-height: 29px; }



.contentBottom{ display: flex; justify-content:space-between; align-items: center; margin-top: 30px;  }

.contentBottom div{ font-size: 16px; max-width: 48%; color: #666; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

.contentBottom div span{ margin-left: 10px; white-space: pre; overflow: hidden; text-transform: uppercase; text-overflow: ellipsis; min-width: 70px; }

.contentBottom div a{ font-size: 16px; color: #666;  }

.contentBottom div a:hover{ color: #1798dc;}

.newsRightTop{ display: flex; justify-content: space-between; align-items: center; }

.newsRightTop div{ font-size: 24px; color: #000; }

.newsRightTop a{ display: inline-block; font-size: 14px; color: #999; text-align: center; border:#d9d9d9 solid 1px; width:94px; height: 34px; border-radius: 34px; line-height: 32px;}

.newsRightTop a:hover{ background: #1798dc; color: #fff;}

.rightLink{ display: flex; flex-direction: column; margin:35px 0; }



.rightLinkItem{ position: relative; display: block; margin-bottom:40px; }

.rightLinkItem .linkItemImg{ width:100%; position: relative; opacity: 0.9; }

.rightLinkItem .linkItemImg:before{ content: ''; display: block; padding-top:calc( 100% * ( 165 / 370)); }

.rightLinkItem .linkItemImg div{ display: flex; justify-content:center; align-items: center; position: absolute; left: 0; top: 0; overflow: hidden;height:100%;

width: 100%; }

.hsem{background: rgba(0,0,0,0.6);}



.rightLinkItem:hover .linkItemImg{  transition: all 0.5s ease 0s;}

/*图片变大*/

.rightLinkItem .linkItemImg div img{

-webkit-transform: scale(1);

   -moz-transform: scale(1);

    -ms-transform: scale(1);

     -o-transform: scale(1);

           filter: scale(1);

           filter: transform;

       transition: all 0.5s ease 0s;

-webkit-transform: all 0.5s ease 0s; 

height:100%;

width: 100%;

object-fit: cover;

}

.rightLinkItem:hover .linkItemImg div img{

-webkit-transform: scale(1.15);

   -moz-transform: scale(1.15);

    -ms-transform: scale(1.15);

     -o-transform: scale(1.15);

           filter: scale(1.15);

           filter: transform;

       transition: all 0.5s ease 0s;

-webkit-transform: all 0.5s ease 0s; 

}



.rightLinkItem:hover .linkItemImg .hsem{background: rgba(0,0,0,0.6);}



.linkItemText{ width:100%; height:100%; display: flex; flex-direction: column; justify-content: space-between; padding:20px; position: absolute; left: 0; top: 0;  }

.linkItemText .itemTextTop{}

.linkItemText .itemTextTop .textTopTitle{ font-size: 16px; color:#ffffff; line-height: 30px; white-space: pre; overflow: hidden; text-overflow: ellipsis; }

.linkItemText .itemTextTop .textTopSmall{ font-size: 12px; color:#d5d5d5; line-height: 30px; white-space: pre; overflow: hidden; text-overflow: ellipsis;}

.linkItemText .itemTextBot{ display: flex; align-items: center; font-size: 13px; color: #fff; }

.linkItemText .itemTextBot img{ margin-right: 10px; }







.newsBpox{ width: 100%; display: flex; flex-direction: column; }

.newsBpox .newsItems{ width: 100%; display: flex; flex-direction: column; padding:50px 0 0px; }

.newsBpox .newsItems:nth-child(1){ padding-top: 0; }

.newsBpox .newsItems .newsImg{ width:100%; position: relative; }

.newsBpox .newsItems .newsImg:before{ content: ''; display: block; padding-top:calc( 100% * ( 350 / 930)); }

.newsBpox .newsItems .newsImg  div{ display: flex; justify-content:center; align-items: center; position: absolute; left: 0; top: 0; overflow: hidden; width: 100%; height:100%; }

.newsBpox .newsItems .newsImg  div img{object-fit: cover; width: 100%; height:100%; }

.rightLinkItem:hover .linkItemImg{ opacity: 0.5; transition: all 0.5s ease 0s;}

/*图片变大*/

.newsBpox .newsItems .newsImg  div img{

-webkit-transform: scale(1);

   -moz-transform: scale(1);

    -ms-transform: scale(1);

     -o-transform: scale(1);

           filter: scale(1);

           filter: transform;

       transition: all 0.5s ease 0s;

-webkit-transform: all 0.5s ease 0s; 

}

.newsBpox .newsItems:hover .newsImg  div img{

-webkit-transform: scale(1.15);

   -moz-transform: scale(1.15);

    -ms-transform: scale(1.15);

     -o-transform: scale(1.15);

           filter: scale(1.15);

           filter: transform;

       transition: all 0.5s ease 0s;

-webkit-transform: all 0.5s ease 0s; 

}

.newsBpox .newsItems .newsTitle{ display: flex; align-items: baseline; justify-content: space-between; margin: 35px 0 25px }

.newsBpox .newsItems .newsTitle .newsTitle1{ font-size: 22px; color: #333; }

.newsBpox .newsItems .newsTitle .newsTitle2{ font-size: 14px; color: #999999; }

.newsBpox .newsItems .newsSmall{ font-size: 16px; color: #6b6b6b; line-height: 30px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; max-height: 60px; }

.newsBpox .newsItems .newsLink{ display: flex; align-items: center; margin-top: 50px; }

.newsBpox .newsItems .newsLink img:nth-child(1){ display: none; }

.newsBpox .newsItems .newsLink img:nth-child(2){}

.newsBpox .newsItems:hover .newsLink img:nth-child(1){ display: block; }

.newsBpox .newsItems:hover .newsLink img:nth-child(2){ display: none; }

.newsBpox .newsItems .newsLink div{ font-size: 14px; color: #959595; margin-left:10px; }

.newsBpox .newsItems:hover .newsLink div{ color: #1b9add; }



.newsBpox .newsItems .newsLine{ background: #f2f2f2; width: 100%; margin-top:60px; }

.newsBpox .newsItems .newsLine div{ width: 0px; height: 2px; background: #1b9add; }

.newsBpox .newsItems:hover .newsLine div{ width: 100%; transition: all .75s ease-in-out; }



.fenye{ width: 100%; display: flex; justify-content: center; margin-top: 55px; }

.fenye li{ margin:0 15px; }

.fenye li a{ font-size: 16px; color: #999999; text-align:center; position: relative; }

.fenye li a:hover{ color: #f2e142; }

.fenye li a:hover:before{ content: ''; display: block; border-bottom: #f2e142 solid 1px; position: absolute; left: 0; bottom:-5px; width: 100%; }

.fenye li a.on:before{ content: ''; display: block; border-bottom: #f2e142 solid 1px; position: absolute; left: 0; bottom:-5px; width: 100%; }

.fenye li a i{ font-size: 16px; }



{}



.industry{ width:100%; max-width: 1440px; display: flex; flex-wrap: wrap; margin:0 auto 0px; }

.industry .industryItem{ width: calc( 100% * ( 1 / 3) - 40px); margin:0 20px 40px; background: #f2f4f6; }

.industry .industryItem:hover{ background: #1798dc; color: #fff;}



.industry .industryItem .industryImg{ width: 100%; position: relative; }

.industry .industryItem .industryImg:before{ content: ''; display: block; padding-top:calc( 100% * ( 252 / 440)); }

.industry .industryItem .industryImg div{ display: flex; justify-content:center; align-items: center; position: absolute; left: 0; top: 0; overflow: hidden; width: 100%; height: 250px; }

.rightLinkItem:hover .linkItemImg{ opacity: 0.5; transition: all 0.5s ease 0s;}

/*图片变大*/

.industry .industryItem .industryImg div img{

-webkit-transform: scale(1);

   -moz-transform: scale(1);

    -ms-transform: scale(1);

     -o-transform: scale(1);

           filter: scale(1);

           filter: transform;

       transition: all 0.5s ease 0s;

-webkit-transform: all 0.5s ease 0s;  width: 100%; height: 100%;

}

.industry .industryItem:hover .industryImg div img{

-webkit-transform: scale(1.15);

   -moz-transform: scale(1.15);

    -ms-transform: scale(1.15);

     -o-transform: scale(1.15);

           filter: scale(1.15);

           filter: transform;

       transition: all 0.5s ease 0s;

-webkit-transform: all 0.5s ease 0s; 

}



.industry .industryItem .industryText{ width: 100%; padding:30px 30px 40px; display: flex; flex-direction: column; align-items: center; }

.industry .industryItem .industryText .industryTitle{ font-size: 22px; color: #333; }

.industry .industryItem .industryText .industrySmall{ font-size: 14px; color: #999; margin-top: 20px; line-height: 26px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; overflow: hidden; height: 78px;  text-align: center; }



.industry .industryItem:hover .industryText .industryTitle{ color: #fff; }

.industry .industryItem:hover .industryText .industrySmall{ color: #fff;}



{}



.industryDetail{ width:100%; max-width: 1440px; /*display: flex;*/ flex-wrap: wrap; margin:0 auto 130px; }

.industryDetail .idItem{ width: calc( 50% - 40px); margin:0 20px 60px; background: url(../images/tp13.jpg) no-repeat 50%/cover; min-height: 378px; display: flex; }

.industryDetail .idItem .idItemImg{ width: 340px; position: relative; flex-shrink: 0;}

.industryDetail .idItem .idItemImg:before{ content: ''; display: block; padding-top:calc( 100% * ( 378 / 340)); }

.industryDetail .idItem .idItemImg div{ display: flex; justify-content:center; align-items: center; position: absolute; left: 0; top: 0; overflow: hidden; height: 100%; width: 100%; }

/*.industryDetail .idItem .idItemImg img{ -webkit-box-reflect: below 10px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(250, 250, 250, 0.7))); width: 320px; height: 280px;}*/

.industryDetail .idItem .idItemText{ display: flex; justify-content: space-between; flex-direction: column; padding:60px 50px 80px 0; width: 100%; }

.industryDetail .idItem .idItemText .idItemTop{ font-size: 24px; line-height: 36px; color: #bfc1c3; }

.industryDetail .idItem .idItemText .idItemBot{ display:flex; align-items: center; justify-content: center; height:56px; border:#3f4148 solid 1px; font-size: 14px; color: #bfc1c3; }

.industryDetail .idItem .idItemText .idItemBot img{ margin-right: 10px; }



.indutitle{ width: 100%; max-width: 1440px; margin:0 auto 0; display: flex; align-items: center; padding:0 20px; font-size: 30px; margin-bottom: 50px; color: #444;}

.indutitle img{ margin-right: 15px; }



{}

.ximqq{ padding-top: 60px;}

.con1{ width:94%; max-width: 1400px; display: flex; margin:0 auto;}

.con1 .con1Left{ font-size: 36px; color: #fff; margin-right: 15px; }

.con1 .con1Right{ display: flex; flex-direction: column; font-size: 14px; color: #fff; align-items: flex-start; line-height: 2em; margin-top: 15px;}



.con2{ width:94%; max-width: 1400px; margin:40px auto 30px; font-size: 28px; color: #bfc1c3; }

.con4{ width:100%; max-width: 1400px; margin:40px auto 0px; font-size: 28px; color: #bfc1c3; }



.mapBox{ width:94%; max-width: 1400px; margin:0px auto 0px; height: 615px; display: block;}

.mapImg{ width:94%; max-width: 1400px; margin:0px auto 0px; height: 615px; display: block;}



.address{ font-size: 18px; color: #bfc1c3; line-height: 2em;  width:94%; max-width: 1400px; margin:20px auto 55px;}

.address2{ font-size: 18px; color: #bfc1c3; line-height: 3em;  width:94%; max-width: 1400px; margin:0px auto 55px; display: flex; align-items: center; }



.con3{ width:94%; max-width: 1400px; display: flex; justify-content: space-between; padding:60px 0 130px; margin:80px auto 0; border-top: #3d3f43 solid 1px; }

.con3Item{ width: fit-content; max-width: 25%; display: flex; align-items: center;}

.con3Top{ font-size: 18px; color: #bfc1c3; line-height: 2em; }

.con3Bot{ font-size: 18px; color: #bfc1c3; font-weight: bolder; }



{}



.support{ width: 94%; max-width: 1400px; margin:85px auto 120px; }

.support .support1{ font-size: 30px; color:#333; }

.support .support2{ display: flex; flex-wrap:wrap; margin-bottom:50px; }

.support .support2 a{ margin-right: 15px; height: 40px; display: block; text-align: center; padding:0 30px; line-height: 38px; border:#4e4f53 solid 1px; border-radius: 40px; margin-top: 25px; font-size: 14px; color: #bfc1c3; }



.downloadBox{ display: flex; flex-direction: column; }

.downloadBox .downloadItem{ width: 100%; display: flex; margin-bottom: 35px; align-items: center; justify-content: space-between; padding:0 80px 0 40px; background: #f2f3f6; height: 98px; }

.downloadBox .downloadItem:hover{ background: #1798dc; }

.downloadBox .downloadItem .downloadLeft{ display: flex; align-items: center; }

.downloadBox .downloadItem .downloadLeft img{ margin-right: 15px; }

.downloadBox .downloadItem .downloadLeft img:nth-child(1){ display: none; }

.downloadBox .downloadItem .downloadLeft img:nth-child(2){}

.downloadBox .downloadItem:hover .downloadLeft img:nth-child(1){ display: block; }

.downloadBox .downloadItem:hover .downloadLeft img:nth-child(2){ display: none; }

.downloadBox .downloadItem .downloadLeft span{ color: #383737; font-size: 18px; }

.downloadBox .downloadItem:hover .downloadLeft span{ color: #fff; }

.downloadBox .downloadItem .downloadRight{ display: flex; align-items: center; }

.downloadBox .downloadItem .downloadRight span{ font-size: 15px; color: #999; margin-right:40px; }

.downloadBox .downloadItem .downloadRight a{ width: 82px; height: 34px; text-align: center; line-height: 32px; color: #1798dc; border:#1798dc solid 1px; border-radius: 3px; margin-left:15px; }

.downloadBox .downloadItem:hover .downloadRight span{ color: #fff; }

.downloadBox .downloadItem:hover .downloadRight a{ color: #fff; border:#fff solid 1px; }



{}



.support3{ font-size: 16px; color: #666; line-height: 28px; margin:20px 0 50px; }



.supportForm{ width: 100%; display: flex;  flex-wrap: wrap; justify-content: space-between; }

.supportForm .input1{ width:calc( 25% - 15px ); height:48px; margin-bottom: 20px; padding:0 15px; border:#dbdbdb solid 1px; border-radius: 3px; background: #f7f7f7; font-size: 16px; color: #000;}

.supportForm textarea{ width: 100%; height:265px; padding:0 15px; border:#dbdbdb solid 1px; border-radius: 3px; background: #f7f7f7; line-height: 30px; font-size: 16px; color: #000; margin-bottom: 20px; }

.supportForm .input2{ width: 100%; height:48px; border:#1798dc solid 1px; border-radius: 3px; background: #1798dc; cursor: pointer; font-size: 16px; color: #fff; max-width: 465px; }



{}



.product{ width: 100%; display: flex; flex-wrap: wrap; max-width: 1430px; margin:0 auto 0; }

.product .proItem{ width:calc( 100% * ( 1 / 3) - 30px); margin:0px 15px 30px;  }

.product .proItem .productImg{ position: relative; border-radius: 2px; overflow: hidden; background: #fff; transition: all ease 0.3s;}

.product .proItem .productImg:before{ content: ''; display: block; padding-top:calc( 100% * ( 327 / 446 )); }

.product .proItem .productImg div{ display: flex; justify-content:center; align-items: center; position: absolute; left: 0; top: 0; overflow: hidden; width:100%; height: 100%; padding:10%; }

.pricem{ color: #fff; font-size: 24px; margin-bottom: 30px;}
.pricem span{ font-weight: bold;}
/*图片变大*/

.product .proItem .productImg div img{

-webkit-transform: scale(1);

   -moz-transform: scale(1);

    -ms-transform: scale(1);

     -o-transform: scale(1);

           filter: scale(1);

           filter: transform;

       transition: all 0.5s ease 0s;

-webkit-transform: all 0.5s ease 0s; 

}

.product .proItem:hover .productImg div img{

-webkit-transform: scale(1.15);

   -moz-transform: scale(1.15);

    -ms-transform: scale(1.15);

     -o-transform: scale(1.15);

           filter: scale(1.15);

           filter: transform;

       transition: all 0.5s ease 0s;

-webkit-transform: all 0.5s ease 0s; 

}

.product .proItem .productTitle{ width: 100%; height: 86px; line-height: 23px; overflow: hidden; text-align: center; font-size: 18px; color: #666;  transition: all ease 0.3s;}

.product .proItem .productTitle h2{ font-weight: normal; font-size: 17px; padding-top: 16px;font-family: 微软雅黑;}
.product .proItem .productTitle h3{ font-size: 16px;font-weight: bold; color: #1798dc;}
.product .proItem .productTitle h3 span{ font-size: 20px;}
.product .proItem:hover{ background: #1798dc; color: #fff; }

.product .proItem:hover .productImg{ transform: translateY(-10px); }

.product .proItem:hover .productTitle{ height: 86px; transform: translateY(-10px); color:#fff; }

.product .proItem:hover .productTitle h2{ color: #fff;}
.product .proItem:hover .productTitle h3{ color: #fff;}
{}





.pt{ position: relative; }

.proTop{ width: calc( 100% - (( 100% - 880px) / 2)); margin:45px auto 60px; margin-left: calc(( 100% - 1400px) / 2);  display: flex; overflow: hidden; position: relative; overflow-x:auto;}

/* 设置滚动条的样式 */

.proTop::-webkit-scrollbar {

height:0px;

}

/* 滚动槽 */

.proTop::-webkit-scrollbar-track {

-webkit-box-shadow:inset 0 0 6px #fff;

border-radius:10px;

}

/* 滚动条滑块 */

.proTop::-webkit-scrollbar-thumb {

border-radius:10px;

background:#fff;

-webkit-box-shadow:inset 0 0 6px rgba(255,255,255,0.5);

}

.proTop::-webkit-scrollbar-thumb:window-inactive {

background:rgba(255,255,255,0.4);

}



.proTopLeft{ position: absolute; left: calc(( 100% - 1455px) / 2); top: 50%; transform: translateY(-14px);z-index: 999; cursor: pointer;}

.proTopRight{ position: absolute; right: calc(( 100% - 1440px) / 2); top: 50%; transform: translateY(-14px);z-index: 999; cursor: pointer;}



.proTopItem{ width: 352px; padding:25px 30px 10px 0; flex-shrink: 0; }

.proTopItem .proTopLink{ width: 340px; height: 160px; border-radius: 5px; background: #ffffff; position: relative; padding:60px 22px 30px; display: block; }

.proTopItem .proTopLink .proTopIcon{ position: absolute; top: -25px; right: 40px; }

.proTopItem .proTopLink .proTopTitle{ font-size: 18px; color: #333; line-height: 2em; }

.proTopItem .proTopLink .proTopSmall{ font-size: 12px; color: #666; line-height: 2em; }

.proTopItem .proTopLink .proTopNum{ font-size: 66px; color: #999; font-weight: bolder; position: absolute; height: 45px; overflow: hidden; right: 10px; line-height: 66px; bottom:0; opacity: 0; }

.proTopItem .proTopLink .proTopBot{ width: 100%; position: absolute; left: 0; bottom:-10px; opacity: 0; }

.proTopItem:hover .proTopLink .proTopNum{ opacity: 0.1;}

.proTopItem:hover .proTopLink .proTopBot{ opacity: 1; }

.proTopItem.on .proTopLink .proTopNum{ opacity: 0.1;}

.proTopItem.on .proTopLink .proTopBot{ opacity: 1; }





{}



.rcg{ width: 100%; background: url(../images/h1.jpg) no-repeat 50%/cover; margin:100px 0; display: block; }

.rcgBox{ width: 100%; max-width: 50%; display: flex; flex-direction: row-reverse; background: rgba(38,41,49,0.9); padding:100px 0; }

.rcgNei{ width: 100%; max-width: 700px; }

.rcgTop{ display: flex; align-items: center; margin-bottom: 80px;}

.rcgTop .rcgTop1{ font-size: 36px; color: #fff; margin-right:20px; }

.rcgTop .rcgTop2{ display: flex; flex-direction: column; }

.rcgTop .rcgTop2 img{ margin-bottom: 5px; }

.rcgTop .rcgTop2 div{ font-size: 18px; color: #fff; }



.rcg2{ display: table; font-size: 18px; line-height: 40px; color: #fff; }

.rcg2 li{ display: table-row; }

.rcg2 li .rcg2Left{ display: table-cell; width:40px; }



.humanTitle{ font-size: 36px; font-weight: bolder; text-align: center; line-height: 3em; color:#fff; }



.zyfz{ width: 100%; max-width: 1436px; display: flex; margin:90px auto 25px; }

.zyfz .zyfzItem{ width: calc( 100% * ( 1 / 3) - 36px); margin:0  18px; position: relative; padding:60px 30px 30px; background: #262931;}

.zyfz .zyfzItem .zyfzImg{ position: absolute; top:-15px; right:25px; }

.zyfz .zyfzItem .zyfzTitle{ font-size:22px; color: #fff; margin-bottom: 30px; }

.zyfz .zyfzItem .zyfzBox{}

.zyfz .zyfzItem .zyfzBox p{ font-size: 14px; color: #d5d5d5; padding-left: 20px; line-height: 30px; background:url(../images/h10.png) no-repeat 0 50%;  }



.rzzw{ width: 94%; max-width: 1400px; margin:50px auto 90px; display: flex; flex-direction: column; }

.rzzwItem{ width:100%; margin-bottom: 30px; background: #262931; border-radius: 5px; }

.rzzwItem .rzzwTop{ height:98px; display: flex; align-items: center; justify-content: space-between; padding:0 35px; }

.rzzwItem .rzzwTop .rzzwLeft{ display: flex; flex-direction: column; justify-content: center; }

.rzzwItem .rzzwTop .rzzwLeft .rzzwLeft1{ font-size: 20px; color: #bfc1c3; }

.rzzwItem .rzzwTop .rzzwLeft .rzzwLeft2{ font-size: 14px; color: #bfc1c3; }

.rzzwItem .rzzwTop .rzzwRight{ font-size: 16px; color: #bfc1c3; display: flex; align-items: center; cursor: pointer; }

.rzzwItem .rzzwTop .rzzwRight i{ margin-left: 10px; }

.rzzwItem .rzzwBot{ border-top:#363840 solid 1px; display: none; }

.rzzwItem .rzzwBot div{ font-size: 16px; color: #bfc1c3; line-height: 24px; padding:35px; }



.zxtdIcon{ width: 130px; height: 45px; border-radius: 45px; display: flex; align-items: center; justify-content: center; background: #fff200; font-size: 14px; color: #333; margin-top: 45px;}

.zxtdIcon img{ margin-right:10px; }



{}



.zxtdTc{ width: 100vw; height: 100vh; display: none; justify-content: center; align-items: center; position: fixed; top: 0; left: 0; z-index: 09999999; background: rgba(0,0,0,0.6); }

.tcBox{ width: 94%; max-width: 950px; background: #262931; border-radius:5px; position: relative; padding:55px 0 90px;  transform: translateY(20px); transition: all ease 1s;}

.zxtdTc.on .tcBox{transform: translateY(0px);}

.closeTc{ position: absolute; right:60px; top:25px; font-size: 25px; color: #fff; font-weight: bolder; cursor: pointer; }



.zxtd{ display: flex; flex-direction: column; }

.zxtd .zxtd1{ display: flex; align-items: center; font-size: 28px; color: #fff; justify-content: center; }

.zxtd .zxtd1 img{ margin-right:15px; }

.zxtd .zxtd2{ font-size:16px; text-align: center; line-height: 2em; color:#fff; line-height: 70px;}



.zxtdForm{ width: 94%; max-width: 570px; display: table; margin:0 auto; }

.zxtdForm .zxtdInput{ display: table-row; }

.zxtdForm .zxtdInput .zxtdInputLeft{ display: table-cell; width: 130px; font-size: 16px; color: #bfc1c3;    vertical-align: middle; text-align: right; height:68px;   }

.zxtdForm .zxtdInput .zxtdInputRight{ display: table-cell; padding-left: 10px; vertical-align: middle; }



.zxtdForm .zxtdInput.zxtdInput1 .zxtdInputRight input{ width: 100%; height: 50px; border:#3c3e46 solid 1px; border-radius: 5px; padding:0 13px; background: #262931; font-size: 16px; color: #bfc1c3; }

.zxtdForm .zxtdInput.zxtdInput1 .zxtdInputRight select{ width: 100%; height: 50px; border:#3c3e46 solid 1px; border-radius: 5px; padding:0 13px; background: #262931; font-size: 16px; color: #bfc1c3; }



.zxtdForm .zxtdInput.zxtdInput2 .zxtdInputRight{}

.zxtdForm .zxtdInput.zxtdInput2 .zxtdInputRight div{ display: flex; align-items: center; }

.zxtdForm .zxtdInput.zxtdInput2 .zxtdInputRight label{ display: flex; width: 95px; align-items: center; font-size: 16px; color: #bfc1c3; cursor: pointer; }

.zxtdForm .zxtdInput.zxtdInput2 .zxtdInputRight label input{ margin-right:10px; }



.zxtdForm .zxtdInput.zxtdInput3 input{ height:56px; background: #fff200; text-align: center; line-height: 56px; border-radius: 5px; cursor: pointer; margin-top:50px; width:100%; font-size: 16px; color: #333;letter-spacing: 5px; }



.zxtdForm .zxtdInput.zxtdInput4{ font-size: 16px; color: #bfc1c3; text-align: center; }

.zxtdForm .zxtdInput.zxtdInput4 a{ color: #fff200; }



















.search{ position:fixed; width:100%; height:100%; left:0; top: 0; right:0; background:rgba(0,0,0,.5); display:none; align-items:center; justify-content:center; z-index:50;}

.search.on{ display:flex;}

.search .search_content{ width:50%;}

.search .search_content .search_content_top{ position:relative; }

.search .search_content .search_content_top .search_close{ position:absolute; right:0; top:-50px; color:#fff; font-size:30px;}

.search .search_content .search_content_bottom{ display:flex; align-items:center; justify-content:center;}

.search .search_content input[type="search"]{ width:80%; background:#fff; height:80px; font-size:16px; color:#333; padding:0px 20px;}

.search .search_content input[type="submit"]{ width:20%; background:#30b0f3; height:80px; font-size:16px; color:#111; cursor:pointer;}



.li_hover_btn{ margin-top: -20px;}







.banner_list{ position:relative;}

.bannerText2{ position:absolute; height:100%; width:100%; display:flex; align-items:center; justify-content:center; left:0; top:0;}

.banner_list_img{ height:100%;}

.bannerText2 .b1{ font-size:60px; color:#FFFFFF; font-weight:bolder; text-align:center; transform:translateY(30px); transition:all ease 1.5s; z-index:9999; opacity:0.5;}

.swiper-slide.banner_list.swiper-slide-active .bannerText2 .b1{ transform:translateY(-60px); opacity:1;}





.bannerText2 .b2{ font-size:30px; color:#FFFFFF; font-weight:bolder; text-align:center; transform:translateY(30px); transition:all ease 1.5s; z-index:9999; opacity:0.5; max-width:1200px; text-align:center; line-height:2em;}

.swiper-slide.banner_list.swiper-slide-active .bannerText2 .b2{ transform:translateY(00px); opacity:1;}



.bannerText2 .b3{ font-size:30px; color:#FFFFFF; font-weight:bolder; text-align:center; transform:translateY(50px); transition:all ease 1.5s; z-index:9999; opacity:0.5; max-width:1200px; text-align:center; line-height:2em;}

.swiper-slide.banner_list.swiper-slide-active .bannerText2 .b3{ transform:translateY(00px); opacity:1;}



.cbl{ width:84px; background:#FFFFFF; border-bottom-left-radius:20px; border-top-left-radius:20px; padding:0 10px; display:flex; flex-direction:column; position:fixed; z-index:9; right:0; top:40%;}

.cbl .cblItem{ font-size:14px; color:#262931; text-align:center; height:80px; display:flex; flex-direction:column; justify-content:center; align-items:center; border-bottom:#EDEDED solid 1px; position: relative;}

.cbl .cblItem:nth-last-child(1){ border-bottom:none;}

.cbl i{    font-size: 35px; }

.cbl .bclgb{ height: 50px; }



.cblzk{ width:40px; height:84px; border-top-left-radius: 20px; border-bottom-left-radius: 20px; background: #fff; display: flex; justify-content: center; align-items: center; position:fixed; z-index:9; right:-84px; top:40%; cursor: pointer; }

.cblzk i{  font-size: 35px;  font-weight: bolder; }





.proBanner{ width:100%; background: url(../images/banner_product2.jpg) no-repeat 50%/cover; overflow: hidden; }

.proBanner .proBannerText{ margin:180px auto 95px; max-width: 1400px; display: flex; }

.proBanner .proBannerText .proBannerLeft{ width: 500px; margin-right: 120px; text-align: center; flex-shrink: 0; }

.proBanner .proBannerText .proBannerRight{ display: flex; flex-direction: column; }

.proBanner .proBannerText .proBannerRight .proBanner1{ font-size: 24px; color: #ffffff; }

.proBanner .proBannerText .proBannerRight .proBanner2{ font-size: 40px; color: #ffffff; }

.proBanner .proBannerText .proBannerRight .proBanner3{ font-size: 16px; color: #bfc1c3; line-height: 30px; margin:40px 0 70px;margin-bottom: 25px;
    margin-top: 20px; }

.proBanner .proBannerText .proBannerRight .proBanner4{ font-size: 14px; color: #fff; border:#fff solid 1px; border-radius: 3px; text-align: center; width: 220px; height: 56px; line-height: 54px; 

    display: flex;

    align-items: center;

    justify-content: center;}

 .proBanner .proBannerText .proBannerRight .proBanner4 img{ margin-right:10px; }



.cpgs{ width:94%; max-width: 1400px; margin:30px auto 95px; color: #666; line-height: 32px; font-size: 18px; }

.cpgs2{ width:94%; max-width: 1400px; margin:30px auto 95px; color: #666; line-height: 32px; font-size: 18px; }



.cptd{ width:94%; max-width: 1400px; margin:30px auto 95px; min-height:410px; background: url(../images/product2.jpg) no-repeat 50%/cover; display: flex; align-items: center; padding:45px; font-size: 18px; color: #bfc1c3; line-height: 40px;}





.cpyy{ width:94%; max-width: 1400px; margin:30px auto 95px; display: flex;}

.cpyy .cpyyItems{ width:calc( 20% - ( 30px * 4 / 5)); height:130px; border-radius: 3px; display: flex; flex-direction: column; align-items: center; justify-content: center; background: #f2f4f6; margin:0 0px 0 30px; }







.cpyy .cpyyItems:nth-child(1){ margin-left:0; }

.cpyy .cpyyItems:hover{ background:#f2f4f6 url(../images/tp5.png) 50%/cover;  }

.cpyy .cpyyItems .cpyyTop{}

.cpyy .cpyyItems .cpyyTop img:nth-child(1){ display: none; }

.cpyy .cpyyItems .cpyyTop img:nth-child(2){}

.cpyy .cpyyItems:hover .cpyyTop img:nth-child(1){ display: block; }

.cpyy .cpyyItems:hover .cpyyTop img:nth-child(2){ display: none; }

.cpyy .cpyyItems .cpyyBot{ font-size: 18px; color:#333; line-height: 2em; }

.cpyy .cpyyItems:hover .cpyyBot{ color:#727171; }



.jscs{  width:94%; max-width: 1400px; margin:30px auto 95px; display: table; }

.jscs .jscsTr{ display: table-row; }

.jscs .jscsTr .jscsTrLeft{ border-bottom: #e1e2e3 solid 1px; display: table-cell; width: calc( 100% * ( 320 / 1400)); padding:20px 55px 20px 55px; font-size: 16px; color: #333;vertical-align: middle;}

.jscs .jscsTr .jscsTrRight{ border-bottom: #e1e2e3 solid 1px; display: table-cell; width: calc( 100% * ( 1080 / 1400));  font-size: 16px; color: #333; line-height: 40px; padding:20px; vertical-align: middle;}

.jscs .jscsTr:nth-child(1) .jscsTrLeft{ border-top: #e1e2e3 solid 1px;}

.jscs .jscsTr:nth-child(1) .jscsTrRight{ border-top: #e1e2e3 solid 1px;}



.xxzl{ width:100%; height:820px;}







@media screen and (max-width:1510px){

.header .header_top .header_top_nav .top_nav_left .nav_left_list{ margin-right:40px;}

.mapBox {  width: 76%;}



}











@media screen and (max-width:1400px){

.pc_all .pc_all_content{ max-width:1200px; margin:0 auto;}

.DetailsBanenr .DetailsBanenr_txt{ width:1200px;}



.header .header_top .header_top_nav .top_nav_right{ margin-left:20px; padding-left:20px;}

}











@media screen and (max-width:1200px){

.pc_all .pc_all_content,.industry{ width: 94% !important; margin: 0 auto; overflow: hidden;}

.DetailsBanenr .DetailsBanenr_txt{ width:94%; height:100%; top:48px;}

.header,.Footer .Footer_top{ display: none;}

.mo_footer{ display:block;}

.mo_top{display: block;}

.mo_height{ height: 50px;}

.slick-dots li{ width: 10px !important; height: 1px !important; margin: 0px 4px !important;}

img{ max-width: 100%;}

.hight,.pc_top_company,.banner .banner_txt,.buildnum{ display: none;}



input::-ms-input-placeholder{ /* Internet Explorer 10+ */ color:#999999; font-size:13px !important;}

input::-webkit-input-placeholder{ /* WebKit browsers */ color:#999999; font-size:13px !important;}

input::-moz-placeholder{ /* Mozilla Firefox 4 to 18 */  color:#999999; font-size:13px !important;}

input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999999; font-size:13px !important;}

input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999999; font-size:13px !important;}

textarea::-webkit-input-placeholder{color:#999999; font-size:13px !important;}







.Footer .Footer_bottom{ display:block; text-align:center;}







.pc_show{ display:none;}

.mo_show{ display:block;}





.banner .banner_list .banner_list_img img{ height:auto;}







.IProduct .IProduct_content{ padding:40px 0px;}

.IProduct .IProduct_top ul .IProduct_top_list{ width:33.33%; padding:15px 0px;}

.IProduct .IProduct_top ul{ flex-wrap:wrap;}

.IProduct .IProduct_top ul .IProduct_top_list:after{ display:none;}

.IProduct .IProduct_top ul .IProduct_top_list .top_list_title{ font-size:14px; margin-top:0px;}

.IProduct .IProduct_top ul .IProduct_top_list .top_list_icon img{ max-height:30px; height:35px;}

.IProduct .IProduct_content .IProduct_content_list .content_list_title{ display:block;}

.IProduct .IProduct_content .IProduct_content_list .content_list_title .list_title_right{ margin-top:23px;}

.IProduct .IProduct_content .IProduct_content_list .content_list_title .list_title_left .title_left_top .left_top_dt{ font-size:26px;}

.IProduct .IProduct_content .IProduct_content_list .content_list_title .list_title_left .title_left_bottom{ margin-top:20px;}

.IProduct .IProduct_content .IProduct_content_list .content_list_txt .list_txt_li{ padding:22px; height:auto; padding-bottom:0px;}

.IProduct .IProduct_content .IProduct_content_list .content_list_txt .list_txt_li .txt_li_hover{ padding:22px;}

.IProduct .IProduct_content .IProduct_content_list .content_list_txt .list_txt_li .txt_li_hover .li_hover_title .hover_title_dd{ font-size:20px;}

.IProduct .IProduct_content .IProduct_content_list .content_list_txt .list_txt_li .txt_li_hover .li_hover_title .hover_title_dt{ font-size:18px;}

.IProduct .IProduct_content .IProduct_content_list .content_list_txt .list_txt_li .txt_li_title{ font-size:18px; margin-bottom:60px;}







.ISolution{ padding:33px 0px;}

.ISolution .ISolution_title{ display:block;}

.ISolution .ISolution_title .ISolution_title_left{ margin-bottom:20px;}

.ISolution .ISolution_title .ISolution_title_left .title_left_dd{ font-size:16px; margin-bottom:10px;}

.ISolution .ISolution_title .ISolution_title_left .title_left_dt{ font-size:20px;}

.ISolution .ISolution_title .ISolution_title_right span:before{ display:none;}

.ISolution .ISolution_title .ISolution_title_right img{ max-height:22px;}

.ISolution .ISolution_content{ display:block;}

.ISolution .ISolution_content .ISolution_content_nav,.ISolution .ISolution_content .ISolution_content_txt{ width:100%; padding:0px;}

.ISolution .ISolution_content .ISolution_content_nav{ margin-bottom:35px;}

.ISolution .ISolution_content .ISolution_content_nav .content_nav_li{ padding:20px 0px;}

.ISolution .ISolution_content .ISolution_content_nav .content_nav_li .nav_li_title{ margin-top:7px;}

.ISolution .ISolution_content .ISolution_content_txt .content_txt_list .txt_list_title{ margin-bottom:20px; padding-bottom:20px;}

.ISolution .ISolution_content .ISolution_content_txt .content_txt_list .txt_list_title .list_title_dd{ font-size:22px; margin-bottom:10px;}

.ISolution .ISolution_content .ISolution_content_txt .content_txt_list .txt_list_content{ font-size:14px;}

.ISolution .ISolution_content .ISolution_content_txt .content_txt_list .txt_list_btn{ width:135px; height:45px; margin-top:30px;}







.INews{ padding:35px 0px;}

.INews .pc_all_content{ display:block;}

.INews .INews_left,.INews .INews_right{ width:100%; margin:0px;}

.INews .INews_left .INews_left_title .left_title_dt{ font-size:20px;}

.INews .INews_left .INews_left_title .left_title_dd{ font-size:16px;}

.INews .INews_left .INews_left_btn{ width:135px; height:45px; margin-top:30px;}

.INews .INews_left .INews_left_bottom{ margin-top:60px;}

.INews .INews_right .INews_right_list{ padding:13px;}



.INews .INews_right .INews_right_list .right_list_title{ font-size:16px; line-height:25px; height: 25px;}

.INews .INews_right .INews_right_list .right_list_txt{ margin-top:20px; margin-bottom:20px; line-height:22px;}

.INews .INews_right .INews_right_list .right_list_hover .list_hover_title{ margin-top:55px;}





.Footer{ padding-top:0px;}

.Footer .Footer_bottom{ margin-top:0px;}







.DetailsBanenr .DetailsBanenr_img img{ height: auto;}

.DetailsNav .DetailsNav_left a{ margin-right:80px;}







.About{ padding:35px 0px;}

.About .pc_all_content{ display:block;}

.About .About_left,.About .About_right{ width:100%;}

.About .About_right{ position:relative; top:0px; text-align:center; padding-top:20px}

.About .About_left .About_left_top .left_top_title{ font-size:20px; padding-bottom:30px;}

.About .About_left .About_left_bottom{ margin-top:35px;}

.About .About_left .About_left_bottom .left_bottom_list:last-child{ margin-left:20px;}

.About .About_left .About_left_bottom .left_bottom_list span{ margin:0px 15px;}

.About .About_left .About_left_bottom .left_bottom_list .bottom_list_dd{ font-size:30px;}











.Philosophy { padding:35px 0px;}

.Philosophy .Philosophy_tilte{ display:block; margin-bottom:25px;}

.Philosophy .Philosophy_tilte .Philosophy_tilte_left{ font-size:20px; margin-bottom:15px;}

.Philosophy .Philosophy_tilte .Philosophy_tilte_right .tilte_right_dt{ margin-top:0px;}

.Philosophy .Philosophy_content .Philosophy_content_list{ width:100%; padding:20px;}

.Philosophy .Philosophy_content .Philosophy_content_list .content_list_icon{ width:15%; margin-right:0px;}

.Philosophy .Philosophy_content .Philosophy_content_list .content_list_txt{ width:85%;}

.Philosophy .Philosophy_content .Philosophy_content_list .content_list_txt .list_txt_dd{ font-size:16px; margin-bottom:8px;}

.Philosophy .Philosophy_content .Philosophy_content_list .content_list_txt .list_txt_dt{ font-size:14px;}







.Advantage{ margin-bottom:30px;}

.Advantage .Advantage_img{ position:relative; top:0px; width:100%; left:0;}

.Advantage .Advantage_right{ width:100%; margin-top:25px;}

.Advantage .Advantage_right .Advantage_right_content .Advantage_txt .Advantage_txt_list{ margin-bottom:20px;}

.Advantage .Advantage_right .Advantage_right_content .Advantage_txt .Advantage_txt_list .txt_list_right .list_right_dd{ font-size:16px;}

.Advantage .Advantage_right .Advantage_right_content .Advantage_txt .Advantage_txt_list .txt_list_icon{ width:10%;}

.Advantage .Advantage_right .Advantage_right_content .Advantage_txt .Advantage_txt_list .txt_list_right{ width:90%;}







.industry{ display:block; overflow:hidden;}

.industry .industryItem{ width:48%; margin:0px; margin-bottom:4%; float:left;}

.industry .industryItem:nth-child(2n){ float:right;}

.industry .industryItem .industryText{ padding:15px;}

.industry .industryItem .industryText .industryTitle{ font-size:16px;}









.industryDetail{ max-width:94%; display:block; overflow:hidden; padding:0px 4%; margin-bottom:35px;}

.industryDetail .idItem{ width:100%; margin:0px; margin-bottom:4%; display:block; border-radius:6px; overflow:hidden;}

.industryDetail .idItem .idItemImg{ width:100%;}

.industryDetail .idItem .idItemText{ width:100%;}

.industryDetail .idItem .idItemImg div{ position:relative;}

.industryDetail .idItem .idItemImg:before{ display:none;}

.industryDetail .idItem .idItemText{ padding:20px;}

.industryDetail .idItem .idItemText .idItemTop{ font-size:18px; margin-bottom:20px;}

.indutitle{ max-width:9694; font-size:20px; margin-bottom:25px;}







.newsBody{ max-width:94%; margin-top:35px; margin-bottom:30px;}

.newsBody .newsLeft{ width:100%;}

.newsBpox .newsItems{ padding-top:30px;}

.newsBpox .newsItems .newsImg{ margin-bottom:25px;}

.newsBpox .newsItems .newsImg div{ position:relative;}

.newsBpox .newsItems .newsImg:before{ display:none;}

.newsBpox .newsItems .newsTitle{ margin-top:0px;}

.newsBpox .newsItems .newsTitle .newsTitle1{ font-size:16px;}

.newsBpox .newsItems .newsSmall{ font-size:14px; line-height:24px;}

.newsBody .newsRight{ display:none;}

.newsBpox .newsItems .newsLink{ margin-top:18px;}

.newsBpox .newsItems .newsLine{ margin-top:30px;}





.contentTitle{ font-size:22px;}

.contentText img{ width:auto !important; max-width:100% !important;}





.contentBottom div{ font-size:14px;}

.contentBottom div a{ font-size:14px;}



.mapBox {  width: 70%;}



.rcg{ margin:33px auto; width:94%;}

.rcgBox{ max-width:100%; padding:22px;}

.rcgTop{ margin-bottom:30px;}

.rcgTop .rcgTop1{ font-size:22px;}

.rcg2{ font-size:16px;}







.humanTitle{ font-size:24px;}

.zyfz{ margin:30px 0px; display:block;}

.zyfz .zyfzItem{ width:94%; margin:0px auto; margin-bottom:30px; padding-top:45px;}

.zyfz .zyfzItem .zyfzImg{ max-height:55px;}

.zyfz .zyfzItem .zyfzTitle{ font-size:18px; margin-bottom:20px;}







.con1{ align-items:center; margin-bottom:15px;}

.con1 .con1Left{ font-size:24px;}

.con1 .con1Right{ margin-top:0px; display: block; line-height:normal;}







.con2{ font-size:20px; margin-top:0px;}

.mapImg{ height: auto;}

.address{ font-size:15px; line-height:24px; margin-bottom:0px;}







.con3{ display:block; padding-bottom:30px !important;}

.con3Item{ max-width:100%;}

.con3Top,.con3Bot{ font-size:15px;}





.address2{ font-size:15px; line-height:normal; margin:22px 0px;}







.humanTitle{ line-height: normal;}





.rzzw{ margin:22px auto;}

.rzzwItem{ margin-bottom:20px;}

.rzzwItem .rzzwTop{ padding:0px 22px; height:55px;}

.rzzwItem .rzzwTop .rzzwLeft .rzzwLeft1{ font-size:15px;}

.rzzwItem .rzzwTop .rzzwRight{ font-size:15px;}

.rzzwItem .rzzwBot div{ padding:22px; font-size:14px;}

.rzzwItem .rzzwBot div p span{ white-space:inherit !important;}





.zxtdForm .zxtdInput .zxtdInputLeft,.zxtdForm .zxtdInput{ display:block;}

.zxtdForm .zxtdInput .zxtdInputRight{ margin:20px 0px;}

.zxtdForm .zxtdInput .zxtdInputLeft,.zxtdForm .zxtdInput .zxtdInputRight{ width:100%; padding:0px; height:auto; text-align:left; display:block;}



.tcBox{ height:80%; overflow:auto; padding:20px;}





.zxtd .zxtd1{ font-size:18px;}

.zxtd .zxtd2{ font-size:14px; line-height:normal; margin:15px 0px;}











.support{ margin:30px auto;}

.support .support1{ font-size:22px;}









.downloadBox .downloadItem{ padding:0px 20px; height:65px;}

.downloadBox .downloadItem .downloadLeft img{ display:none !important;}

.downloadBox .downloadItem .downloadRight span{ display:none;}

.downloadBox .downloadItem .downloadLeft span{ font-size:15px;

display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 2;

overflow: hidden;

}

.fenye{ margin-top:0px;}







.support3{ font-size:14px;}

.supportForm .input1{ width:100%;}





/*.pt .proTopLeft,.pt .proTopRight{ display:none;}

.proTop{ display:block; width:100%; margin-left:0px; overflow:hidden; padding:0px 4%; margin:20px 0px;}

.proTopItem{ width:48%; float:left; padding:0px; margin-bottom:4%;}

*/



.proTop { margin-left:0; width: 100%; margin:20px 0px;}

.proTopItem:nth-child(2n){ float:right;}

.proTopItem .proTopLink{ padding:20px; height:auto; width:100%; text-align:center;}

.proTopItem .proTopLink .proTopIcon{ position:relative; top:0; right:0; max-height:26px;}

.proTopItem .proTopLink .proTopTitle{ font-size:16px; line-height:normal; margin-top:15px;}

.proTopItem .proTopLink .proTopNum{ display:none;}

.proTopItem .proTopLink .proTopBot{ bottom:0;}

.proTopItem .proTopLink .proTopSmall{ line-height:normal; margin-top:10px; height:30px;}





.product{ display:block; overflow:hidden; padding:0px 4%;}

.product .proItem{ width:48%; margin:0px; float:left; margin-bottom:30px;}

.product .proItem:nth-child(2n){ float:right;}

.product .proItem .productTitle{ font-size:15px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; line-height:normal; height:auto; margin-top:12px;}

.product .proItem:hover .productTitle{ height:auto;}







.proBanner .proBannerText{ margin:0px !important;}





.indutitle{ font-size:18px;}

.cpgs{ font-size:14px !important; margin-bottom:25px !important;}

.cptd{ padding:0px !important; min-height: auto !important; font-size:14px !important; margin-bottom:25px !important;}

.cpyy { overflow:hidden; display:block !important; margin-bottom:25px !important;}

.cpyy .cpyyItems{ width:48% !important; float:left; margin:0px !important; margin-bottom:25px !important;}

.cpyy .cpyyItems:nth-child(2n){ float:right !important;}







.jscs .jscsTr .jscsTrLeft{ padding:10px !important; font-size:14px !important;}

.jscs .jscsTr .jscsTrRight{ font-size:14px !important; line-height:24px !important;}











.cbl{ display: none; }





.newsBpox .newsItems .newsImg{

	height:300px;

}





}







@media screen and (max-width:950px){

.pc_index .pc_header{ position:fixed; padding:0px;}

.AboutBanner{ margin-top:50px;}

.pc_index .banner{ margin-top:51px;}

.pc_header .pc_header_content .header_content_logo{ line-height:50px;}

.DetailsBanenr .DetailsBanenr_txt .DetailsBanenr_txt_dd{ font-size:15px; margin-bottom:10px;}

.DetailsBanenr .DetailsBanenr_txt .DetailsBanenr_txt_dt{ font-size:20px;}





.DetailsNav .pc_all_content{ height:auto;}

.DetailsNav .DetailsNav_left{ display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; width:100%; padding-top:20px;}

.DetailsNav .DetailsNav_left a{ display:inline-block; width:48%; margin-right:0px; border-radius:4px; border:1px solid rgba(255,255,255,.1); text-align:center; line-height:38px; margin-bottom:10px;}

.DetailsNav .DetailsNav_right{ display:none;}

.DetailsNav .DetailsNav_left a:before{ display:none;}

.DetailsNav .DetailsNav_left a.on{ background:#fff200; color:#333333; border:1px solid #fff200;}









.product .proItem{ width:100%; margin:0px; float:left; margin-bottom:30px;}



.proTopItem { width: 170px;}



.proTopItem .proTopLink .proTopTitle{ margin-top:5px;}

















.mapBox {  width: 94%;}





}







@media screen and (max-width:768px){



.newsBpox .newsItems .newsImg {

    height: 170px;

}



.Footer_bottom_left{display: flex;

    flex-direction: column;}



}





@media screen and (max-width:600px){

.banner,.banner .banner_list .banner_list_img img,.banner .banner_list .banner_list_img video{ height: 340px !important;}

.banner .swiper-pagination-bullets .swiper-pagination-bullet{ margin:0px 4px; width:30px; height:2px;}

.DetailsBanenr .DetailsBanenr_img img{ height:165px;}



}





@media screen and (max-width:375px){





}

@media screen and (max-width:360px){





}





@media screen and (max-width:320px){



}



























#c_portalResPublic_codeContainer-16123285001922344 li {

 	transition: 0.5s;

 	background: #fff;

 	width: 31.1%;

 	display: inline-block;

 	padding: 2.2%;

 	margin: 1%;

 }

 

 #c_portalResPublic_codeContainer-16123285001922344 li:hover {

 	transition: 0.5s;

 	background: url(../images/abbg01.jpg) no-repeat;

 	width: 31.1%;

 	display: inline-block;

 	padding: 2.2%;

 	margin: 1%;

 }

 

 #c_portalResPublic_codeContainer-16123285001922344 .prolist {

 	display: flex; margin-top: -10px;

 }

 

 #c_portalResPublic_codeContainer-16123285001922344 li:hover p {

 	color: #fff;

 }

 

 #c_portalResPublic_codeContainer-16123285001922344 li:hover h3 {

 	color: #fff;

 	background: url(../images/ab0000.png?tenantId=225871&viewType=1) no-repeat center left;

 }

 

 #c_portalResPublic_codeContainer-16123285001922344 ul {

 	width: 100%;

 }

 

 #c_portalResPublic_codeContainer-16123285001922344 h3 {

 	margin-bottom: 1%;

 	margin-top: 8%;

 }

 

 #c_portalResPublic_codeContainer-16123285001922344 .prolist h3 {

 	color: #666;

 	text-decoration: none;

 	font-size: 18px;

 	line-height: 36px;

 	padding-left: 40px;

 	background: url(../images/ab000.png?tenantId=225871&viewType=1) no-repeat center left;

 }

 

 #c_portalResPublic_codeContainer-16123285001922344 li:hover.prolist h3 {

 	color: #39214b;

 	text-decoration: none;

 	font-size: 18px;

 	line-height: 36px;

 	padding-left: 40px;

 	background: url(../images/ab0000.png?tenantId=225871&viewType=1) no-repeat center left;

 }

 

 #c_portalResPublic_codeContainer-16123285001922344 .prolist p {

 	margin: 0;

 	padding: 0;

 	font-size: 22px;

 	color: #262626;

 	list-style-type: none; margin-bottom: 20px;

 }

 

 #c_portalResPublic_codeContainer-16123285001922344 .pro01 i {

 	/*background: url(../images/min1.png) no-repeat;*/

 	width: 130px;

 	height: 90px;

 	display: block;

 	transition: 0.5s;

 	margin-top: 3%;

 }

 

 #c_portalResPublic_codeContainer-16123285001922344 .pro02 i {

 	/*background: url(../images/min10.png) no-repeat;*/

 	width: 130px;

 	height: 90px;

 	display: block;

 	transition: 0.5s;

 	margin-top: 3%;

 }

 

 #c_portalResPublic_codeContainer-16123285001922344 .pro03 i {

 	/*background: url(../images/min3.png) no-repeat;*/

 	width: 130px;

 	height: 90px;

 	display: block;

 	transition: 0.5s;

 	margin-top: 3%;

 }

 

 #c_portalResPublic_codeContainer-16123285001922344 .pro04 i {

 	/*background: url(../images/min4.png) no-repeat;*/

 	width: 130px;

 	height: 90px;

 	display: block;

 	transition: 0.5s;

 	margin-top: 3%;

 }

 

 #c_portalResPublic_codeContainer-16123285001922344 .pro05 i {

 	/*background: url(../images/min5.png) no-repeat;*/

 	width: 130px;

 	height: 90px;

 	display: block;

 	transition: 0.5s;

 	margin-top: 3%;

 }

 

 #c_portalResPublic_codeContainer-16123285001922344 .pro06 i {

 	/*background: url(../images/min2.png) no-repeat;*/

 	width: 130px;

 	height: 90px;

 	display: block;

 	transition: 0.5s;

 	margin-top: 3%;

 }

 

 #c_portalResPublic_codeContainer-16123285001922344 li:hover.pro01 i {

 	background: url(../images/001.png) no-repeat!important;

 	width: 130px;

 	height: 90px;

 	display: block;

 	margin-top: 3%;

 	transition: 0.5s;

 }

 

 #c_portalResPublic_codeContainer-16123285001922344 li:hover.pro02 i {

 	background: url(../images/002.png) no-repeat!important;

 	width: 130px;

 	height: 90px;

 	display: block;

 	transition: 0.5s;

 	margin-top: 3%;

 }

 

 #c_portalResPublic_codeContainer-16123285001922344 li:hover.pro03 i {

 	background: url(../images/003.png) no-repeat!important;

 	width: 130px;

 	height: 90px;

 	display: block;

 	transition: 0.5s;

 	margin-top: 3%;

 }

 

 #c_portalResPublic_codeContainer-16123285001922344 li:hover.pro04 i {

 	background: url(../images/004.png) no-repeat!important;

 	width: 130px;

 	height: 90px;

 	display: block;

 	margin-top: 3%;

 	transition: 0.5s;

 }

 

 #c_portalResPublic_codeContainer-16123285001922344 li:hover.pro05 i {

 	background: url(../images/005.png) no-repeat!important;

 	width: 130px;

 	height: 90px;

 	display: block;

 	transition: 0.5s;

 	margin-top: 3%;

 }

 

 #c_portalResPublic_codeContainer-16123285001922344 li:hover.pro06 i {

 	background: url(../images/006.png) no-repeat!important;

 	width: 130px;

 	height: 90px;

 	display: block;

 	transition: 0.5s;

 	margin-top: 3%;

 }

 

 @media only screen and (max-width: 768px) {

 	#c_portalResPublic_codeContainer-16123285001922344 li {

 		transition: 0.5s;

 		background: url(../images/abbg.jpg?tenantId=225871&viewType=1) no-repeat;

 		width: 47%;

 		display: inline-block;

 		padding: 2.2%;

 		margin: 1%;

 	}

 	#c_portalResPublic_codeContainer-16123285001922344 li:hover {

 		transition: 0.5s;

 		background: url(../images/abbg01.jpg?tenantId=225871&viewType=1) no-repeat;

 		width: 47%;

 		display: inline-block;

 		padding: 2.2%;

 		margin: 1%;

 	}

 	#c_portalResPublic_codeContainer-16123285001922344 .prolist p {

 		margin: 0;

 		padding: 0;

 		font-size: 15px;

 		font-weight: bold;

 		color: #262626;

 		list-style-type: none;

 	}

 	#c_portalResPublic_codeContainer-16123285001922344 .prolist a {

 		color: #39214b;

 		text-decoration: none;

 		font-size: 14px;

 		line-height: 36px;

 		padding-left: 25px;

 		background: url(../images/ab000.png?tenantId=225871&viewType=1) no-repeat center left;

 	}

 	#c_portalResPublic_codeContainer-16123285001922344 li:hover a {

 		color: #fff;

 		background: url(../images/jx26.png?tenantId=225871&viewType=1) no-repeat center left;

 	}

 	#c_portalResPublic_codeContainer-16123285001922344 .prolist a {

 		color: #39214b;

 		text-decoration: none;

 		font-size: 14px;

 		line-height: 36px;

 		padding-left: 25px;

 		background: url(../images/jx25.png?tenantId=225871&viewType=1) no-repeat center left;

 	}

 }

 hr {

    border: 0;

    border-bottom: 1px solid #cfd2d9;

}

 #c_portalResPublic_codeContainer-16123285001922344 {

 	width: 100%;

 	max-width: none;

 	min-width: 0px;

 	height: auto;

 	max-height: none;

 	min-height: 0px;

 	margin-top: 0px;

 	margin-left: 0px;

 	margin-right: 0px;

 	margin-bottom: 0px;

 	padding-top: 0px;

 	padding-left: 0px;

 	padding-right: 0px;

 	padding-bottom: 0px;

 }

 



.n-about .list1 {

  

  padding: 1.25rem 0;

  text-align: center; padding-top: 70px;

}

.n-about .list1 .title {

  font-size: 1.5rem;

  line-height: 1.2;

  margin-bottom: .5rem;

}

.n-about .list1 .tit1 {

  color: #333;

  margin-bottom: .5rem;

  text-transform: uppercase;

}

.n-about .list1 .title-two {

  display: none;

}

.n-about .list1 .text img {

  max-width: 100%;

}

.n-about .list1 .clip-text {

  line-height: 1.2;

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  background-clip: text;

  text-fill-color: transparent;

  font-family: "Microsoft YaHei";

}

.n-about .list1 .clip-text:before,

.n-about .list1 .clip-text:after {

  position: absolute;

  content: '';

}

.n-about .list1 .clip-text:before {

  z-index: -2;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  background-image: inherit;

}

.n-about .list1 .clip-text:after {

  position: absolute;

  z-index: -1;

  top: 0em;

  right: 0em;

  bottom: 0em;

  left: 0em;

  background-color: #fff;

}

.n-about .list1 .clip-text_one {

  background-image: url(../images/9.jpg);                                    

  background-position: left top;

}

.n-about .list1 .ulbox {

  position: relative;

  overflow: hidden;

  margin-top: 1.5rem;

  z-index: 1;

}

.n-about .list1 .ulbox .swiper-button-prev, .n-about .list1 .ulbox .swiper-button-next {

  display: none;

}

.n-about .list1 .ulbox .swiper-slide {

  text-align: center;

  padding-bottom: .5rem;

}

.n-about .list1 .ulbox .swiper-slide .btn {

  opacity: .6;

  transform: scale(0.9);

  transition: all .3s ease-in-out;

}

.n-about .list1 .ulbox .swiper-slide .btn img {

  max-width: 100%;

}

.n-about .list1 .ulbox .swiper-slide .tit2 {

  position: absolute;

  left: 0;

  opacity: .6;

  width: 100%;

  top: 120px;

  color: #333;

  transition: all .3s ease-in-out;

}

.n-about .list1 .ulbox .swiper-slide .tit3 {

  margin-top: 1.25rem;

  opacity: 0;

  color: #666;

  transition: all .3s ease-in-out;

}

.n-about .list1 .ulbox .swiper-slide:hover .btn {

  opacity: 1;

  transform: scale(1);

}

.n-about .list1 .ulbox .swiper-slide:hover .tit2 {

  opacity: 1;

  font-size: .75rem;

}

.n-about .list1 .ulbox .swiper-slide:hover .tit3 {

  opacity: 1;

}

.n-about .list1 .ulbox .swiper-button-next, .n-about .list1 .ulbox .swiper-button-prev {

  width: 40px;

  height: 40px;

  line-height: 40px;

  text-align: center;

  font-size: 36px;

  color: #333;

  transform: translate(0, -50%);

  transition: all .3s ease;

  background: none !important;

  opacity: 1;

}

.n-about .list1 .ulbox .swiper-button-next:before, .n-about .list1 .ulbox .swiper-button-prev:before {

  display: block;

}

.n-about .list1 .ulbox .swiper-button-prev {

  left: 2rem;

  transform: translate(-40px, -50%);

}

.n-about .list1 .ulbox .swiper-button-next {

  right: 2rem;

  transform: translate(40px, -50%);

}

.n-about .list1 .ulbox .swiper-button-next:before {

  transform: rotate(-180deg);

}

.n-about .list1 .ulbox:hover .swiper-button-prev {

  opacity: 1;

  transform: translate(0, -50%);

}

.n-about .list1 .ulbox:hover .swiper-button-next {

  opacity: 1;

  transform: translate(0, -50%);

}

@media (max-width: 1500px) {

  

}

@media (max-width: 1360px) {

  

}

@media (max-width: 1270px) {



}

@media (max-width: 1024px) {

  .n-about .list1 {

    padding: 2rem 0;

  }

  .n-about .list1 .swiper-slide {

    padding-bottom: 1rem;

  }



  .n-about .list1 .swiper-button-next, .n-about .list1 .swiper-button-prev {

    width: 45px;

    height: 45px;

    line-height: 45px;

  }



  .n-about .list1 .swiper-button-next, .n-about .list1 .swiper-button-prev {

    opacity: 1;

  }



  .n-about .list1 .swiper-button-prev {

    left: -.5rem;

    transform: translate(0, -50%);

  }



  .n-about .list1 .swiper-button-next {

    right: -.5rem;

    transform: translate(0, -50%);

  }

  .n-about .list1 .swiper-slide .tit3 {

    opacity: 1;

  }

}

@media (max-width: 960px) {

  .n-about .list1 .ulbox .swiper-button-next, .n-about .list1 .ulbox .swiper-button-prev {

    opacity: 1;

    color: #999;

    transform: translate(0, -50%) !important;

  }

}

@media (max-width: 768px) {



}

@media (max-width: 560px) {

  .n-about .list1 .swiper-button-next, .n-about .list1 .swiper-button-prev {

    font-size: 26px;

  }

  .n-about .list1 .ulbox .swiper-button-prev {

    left: 0rem;

    font-size: 22px;

  }



  .n-about .list1 .ulbox .swiper-button-next {

    right: 0rem;

    font-size: 22px;

  }

}

/*end*/







.gy_box{ width:100%; height:auto; overflow:hidden; background:url(../images/jj_bj.jpg) no-repeat center;}

.gy{ width:100%; height:auto; overflow:hidden; padding:70px 0;}

.gy_bt{ width:100%; height:auto; overflow:hidden; text-align:center; background:url(../images/line.png) no-repeat center bottom;}

.gy_bt h3{ font-size:30px; padding-bottom:6px;}

.gy_bt span{ display:block; font-size:24px; padding-bottom:24px; text-transform:capitalize; font-family:Arial, Helvetica, sans-serif;}

.gy_tp{ width:76%; height:auto; overflow:hidden; margin:40px auto;}

.gy_tp ul li{ width:33%; height:auto; text-align:center; float:left;}

.gy_tp ul li .tupian{ width:100%; height:80px; line-height:80px;}

.gy_tp ul li .tupian i{ font-size:76px; color:#999999;}

.gy_tp ul li:hover .tupian i{ transition:all 0.5s; color:#e62129;}

.gy_tp ul li .shuzi{ line-height:30px; padding-top:30px; font-size:16px; color:#188ecc;}

.gy_tp ul li .shuzi span{ line-height:45px; font-size:40px; font-weight: bold;}

.gy_tp ul li .miaoshu{ font-size:16px; height:60px; line-height:25px;}

.gy_wz{ width:100%; height:auto; margin-top:50px; text-align:center;}

.gy_wz p{ font-size:18px; color:#666666; line-height:36px;}

.gy_wz a{ display:block; width:155px; height:40px; line-height:40px; border-radius:20px; background-color:#e62129; font-size:16px; color:#ffffff; margin:60px auto 10px auto;}

.gy_wz a i{ padding-left:6px; font-size:18px;}

.tupian{  margin-bottom: 20px;}

.gy_wz a:hover{ border:1px solid #bfbfbf; background-color:#ffffff; color:#333333; transition:all 0.5s;}

.gy_wz a:hover i{ color:#333333;}

/*.cn_box{ width:100%; height:auto; overflow:hidden; background:url(../images/cn_bj.jpg) no-repeat center bottom;}*/

.cn_box{ width:100%; height:auto; overflow:hidden; }

/*.cn{ width:100%; height:auto; padding-top:70px; height:960px;}*/

.cn{ width:100%; height:auto; padding-top:70px; height:825px;}

.cn_nr{ width:100%; height:790px; position:relative;}

.cn_nr .dian{ text-align: center; line-height: 30px; position: absolute;}

.cn_nr .xian{ position: absolute;left: 51%; top:20%; z-index: 12;}

.dim{ width: 100%; font-size: 14px; cursor: pointer; z-index: 1;}

.xian .dim .dim_tp{ width: 100%; cursor: pointer; }

.xian .dim .dim_wz{ width:100%; position:absolute;left: 1%; top: -14%; text-align:right;}

.xian .dim .dim_wz h3{ font-size:18px; color:#e62129; font-weight:normal; height:30px; letter-spacing:2px;}

.xian .dim .dim_wz p{ font-size:14px; line-height:25px; letter-spacing:1px;}

.xfzi{ display:none;}

.cn_nr .dian:hover .xfzi{ display:block;}





.n-about{ background: url(../images/jj_bj.jpg) no-repeat top center; background-size: cover;}



.content_list_title h2{ text-align: center;}

.content_list_title h3{ text-align: center;}



.INews{ background: url(../picture/008.jpg) no-repeat top center;}





/*联系*/

.contact{

    padding-top: 90px;

    padding-bottom: 60px;

}

.contact-a{

    overflow: hidden;

}

.contact-b{

    width: 100%;

    overflow: hidden;

    margin-top: 50px;

}

.contact-b li{

    width: 30.82%;

    float: left;

    height: 300px;

    margin-right: 2.5%;

    margin-bottom: 15px;

    background: #f2f4f6;

    padding: 0 20px;

    padding-top: 55px;

    text-align: center;

}

.contact-b1{

    height: 60px;

    line-height: 60px;

    font-size: 0;

}

.contact-b1>img{

    max-height: 100%;

}

.contact-b2{

    font-size: 18px;

    line-height: 1.3;

    margin-top: 40px;

    margin-bottom: 15px;

}

.contact-b3{

    font-size: 18px;

    line-height: 1.3;

    margin-bottom: 5px;

    font-family: arial;

}

.contact-c{

    height: 700px;

    background: no-repeat center;

    position: relative;

}

.contact-c1{

    position: absolute;

    top: 165px;

    left: 50%;

    margin-left: -90px;

}

.contact-c1>.img1{

    animation:divscale 2s linear 0s infinite;

    -moz-animation:divscale 2s linear 0s infinite;

    -webkit-animation:divscale 2s linear 0s infinite;

    -o-animation:divscale 2s linear 0s infinite;

}



.contact-b{ width: 1400px; margin: 0 auto;}

/*支持  客户服务*/



.services-a-bj{

    background: #fff;

}

.services-a{

    padding-top: 100px;

    padding-bottom: 60px;

}

.services-a2{

    margin-top: 60px; font-size: 16px; line-height: 26px;

}

.services-a3{

    margin-top: 85px;

    text-align: center;

    font-size: 0;

}

.services-a3 li{

    display: inline-block;

    width: 300px;

    padding: 0 10px;

}

.services-a3 li>div{

    height: 88px;

    line-height: 88px;

}

.services-a3 li>div>img{

    max-height: 100%;

}

.services-a3 li>p{

    margin-top: 25px; color: #333; font-size: 16px;

}

.services-b{

    /*margin-top: -315px;*/

    padding-top: 100px;

    padding-bottom: 50px;

}

.services-swiper{

    /*width: calc(100% + 260px);

	width: -webkit-calc(100% + 260px);*/

    padding-right: 530px;

    width: 100%;



}

.services-slide{



}

.services-a{ width: 1400px; margin: 0 auto; text-align: center;}

.H34{ font-size: 36px; color: #333; position: relative;}



.H34.cnt:after {

    left: 50%;

    margin-left: -17.5px;

}

.H34:after {

    content: '';

    width: 35px;

    height: 2px;

    background: #1798dc;

    position: absolute;

    left: 0;

    bottom: -20px;

}



.services-b1{

    overflow: hidden;

}

.services-b2{

    padding: 20px 55px;

    padding-top: 50px;

}

.services-slide .club-txt{

    height: 220px;

    background: #fff;

    transition: all .3s;;

    -webkit-transition: all .3s;

}

.services-slide:hover .club-txt{

    background: #00bebe;

    border-color: #00bebe;

    transition: all .3s;;

    -webkit-transition: all .3s;

}

.services-slide:hover .club-txt *{

    color: #fff;

    transition: all .3s;;

    -webkit-transition: all .3s;

}

.services-c{

    margin-bottom: 100px;

    height: 65px;

    overflow: hidden;

}

.services-c1{

    width: 160px;

    position: relative;

    height: 65px;

    float: left;

}

.gyprev{

    width: 65px;

    height: 65px;

    background: url(../images/icon06_1.png) no-repeat center;

    background-size: cover;

    left: 0 !important;

    margin-top: -32.5px;

}

.gyprev:hover{

    background-image: url(../images/icon06_2.png);

}

.gynext{

    width: 65px;

    height: 65px;

    background: url(../images/icon07_1.png) no-repeat center;

    background-size: cover;

    right: 0 !important;

    margin-top: -32.5px;

}

.gynext:hover{

    background-image: url(../images/icon07_2.png);

}

.services-c3{

    width: 95px;

    float: right;

    font-size: 68px;

    line-height: 65px;

}

.services-c3>span{

    display: inline-block;

    float: left;

    font-family: inherit;

}

.services-c3>span.sp2{

    float: right;

}

.services-c3>span.sp1{

    color: #00bebe;

}

.services-c2{

    width: calc(100% - 295px);

    width: -webkit-calc(100% - 295px);

    float: left;

    margin-left: 20px;

    margin-top: 32px;

    height: 1px;

    background: #E5E5E5;

}

.gywd-ct {

    max-width: 1000px;

    margin: 0 auto;

    text-align: center;

}





.jiaoliu_bj{ background: #f2f4f6; padding-top: 70px; padding-bottom: 70px; }

.jioaliu{ width: 1400px; margin:0  auto;}

.jioaliu ul li{ float: left; display: block; width: 48%; background: #fff; border: 1px solid #e5e5e5;}

.jioaliu ul li:nth-child(2){ float: right;}



.jiaoliu_img { height: 490px; width: 100%; overflow: hidden; text-align: center;}

.jiaoliu_img img{height: 490px; }



.jiaoliu_txt{ padding: 30px;box-sizing: border-box;}

.jiaoliu_txt h2{line-height: 30px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    color: #333;

    font-size: 22px;

    margin-bottom: 10px;}

.jiaoliu_txt h3{font-size: 15px;

    color: #5e636f;

    line-height: 24px;

    margin-top: 10px;

    line-height: 22px;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    font-size: 15px;}



 .pic_box {width: 100%;/*height:210px;*/ overflow:hidden;padding: 0;text-align: center;transition:.5s;position: relative;100%FONT-WEIGHT: 100;align-items: center;

    display: flex;

    justify-content: center;}

.list_box6 {margin: 0 -.875rem;margin-bottom:1.5rem; overflow:hidden;display: flex;flex-wrap: wrap}

.list_box6 li {/*float: left;*/width: 23%;background:#f6f6f6;overflow: hidden;margin-bottom: 30px; cursor: pointer; margin-right: 26px; padding: 15px; box-sizing: border-box;

}

.list_box6 li a {display: block;}

.list_box6 li:hover .pic_box {/*box-shadow: 0 5px 10px rgba(0,0,0,0.2);*/}

.list_box6 li img {max-width: 90%;max-height: 14.375rem;display: inline-block;transition: 1s;transition: all 0.5s;}



.list_box6 li:hover img {

	transform: scale(1.1);transition: all 0.5s;

}











.list_box6 li h5{display: block;text-align: center;font-size:15px;color: #575757;margin-top: 0.5em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;/*height: 2.25rem;*/padding: 0px;transition: .5s;}

/*分页*/

/*.n-page{ text-align:center; clear:both;margin-top: 40px;}

.n-page a{ padding:5px 10px; margin:0px 3px;  border:#e0e0e0 1px solid; background-color:#f5f5f5; color:#474747; font-size: 15px; display: inline-block}

.n-page span{ padding:5px 10px; margin:0px 3px;  color:#FFF; background-color:#1798dc; border:#1798dc 1px solid; font-size: 15px;}

.n-page a:hover{ color:#FFF; background-color:#1798dc; border:#1798dc 1px solid;}

*/



.page{ 

  height: 60px; 

  text-align: center;

    margin-bottom: 10px; 

    margin-top: 26px;
display: contents;
}

.digg { 

  padding-top: 30px;
padding-bottom: 10px;

}

.digg li{ 

 

  display:inline-block;

  min-width:14px;

  height:44px;

  line-height:44px;

    margin:0 4px;

    

    background:#fff;

    border:1px solid #d6d6d6;

    border-radius:2px; 

    font-size:14px; 

    color:#767676;

    

      

}

.digg li a{

      display: block;

    padding: 0 16px;

}

.digg li  span{



      display: block;

    padding: 0 16px;

}

.digg  .active  span{



  display: inline; 

  padding:0px;

}

}

.digg .page-item a:hover { 

  /*background-color: #015196;*/

  color: #1798dc;

}

.digg .page-item a:active { 

  background-color: #1798dc; 

  color:#fff;

}

.digg li.active  { 

  margin:2px; 

  padding: 0px 16px; 

  background-color: #1798dc; 

  color: #fff;

  text-decoration: none;

}





.ny_x_nr{ width: 1400px; margin: 0 auto; padding-top: 60px;}















.picScroll-left{ width:1480px;  position:relative; margin: 0 auto; margin-top: 30px;    }

		.picScroll-left .hd{  }

		.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:56px; height:56px;}

		.picScroll-left .hd .prev{ background: url(../images/shang.png) no-repeat left center; position: absolute; left: 0px; top: 220px; z-index: 99;  }

.picScroll-left .hd .next{ background: url(../images/xia.png) no-repeat left center; position: absolute; right: 0px; top: 220px; z-index: 99;  }

		

		

		

		



		.picScroll-left .bd{  width: 1360px; margin: 0 auto; overflow: hidden  }

		.picScroll-left .bd ul{ overflow:hidden; zoom:1; }

		.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;position: relative;   }

		.picScroll-left .bd ul li .pic{ text-align:center;  }

		.picScroll-left .bd ul li .pic img{ width:320px; height:500px; display:block; overflow: hidden;transition: 1s;transition: all 0.5s; border: 8px solid #fff;  }

		.picScroll-left .bd ul li .pic a:hover img{ transform: scale(1.1);transition: all 0.5s;border: 8px solid #fff;  }

		

		

		

		.picScroll-left .bd ul li .title{ line-height:44px; position: absolute;bottom: 8px; left: 8px; right: 8px;  background: url(../images/hhh.png) repeat-x; width: 95%; color: #fff; }

.picScroll-left .bd ul li .title a{ color: #fff; font-size: 16px}















.foErweima {

				display: flex;

				width: 100%;

				justify-content: space-between;

				margin-bottom: 35px;

				margin-top: 35px;

			}

			

			.foErweima .foErweima1 {

				width: calc( 50% - 10px);

				display: flex;

				flex-direction: column;

			}

			

			.foErweima .foErweima1 .foErweimaImg {

				width: 100%;

				max-width: 175px;

			}

			

			.foErweima .foErweima1 .foErweimaTitle {

				width: 100%;

				text-align: center;

				font-size: 14px;

				line-height: 3em;

				color: rgba(191, 193, 195, .7);

			}

			

			.layui-laypage {

				display: flex;

				font-size: 14px;

				color: #fff;

				align-items: center;

			}

			

			.layui-laypage a {

				font-size: 14px;

				color: #fff;

				line-height: 30px;

				padding: 0 13px;

				text-align: center;

				border: #262931 solid 1px;

				margin: 0 10px;

				background: #262931;

			}

			

			.layui-laypage-curr {

				background: #62636a;

				font-size: 14px;

				color: #ffffff;

				line-height: 30px;

				padding: 0 13px;

				text-align: center;

				/* border: #ffffff solid 1px; */

				margin: 0 10px;

			}

			

			.layui-laypage-limits select {

				background: #fff;

				height: 32px;

				font-size: 14px;

				color: #ffffff;

				line-height: 30px;

				padding: 0 13px;

				text-align: center;

				border: #1d1e24 solid 1px;

				margin: 0 10px;

				background: #262931;

			}

			

			#goPageId {

				background: #262931;

				width: 50px;

				font-size: 14px;

				color: #ffffff;

				line-height: 30px;

				padding: 0 13px;

				text-align: center;

				border: #1d1e24 solid 1px;

				margin: 0 10px;

			}

			

			.layui-laypage-btn {

				background: #262931;

				font-size: 14px;

				color: #ffffff;

				line-height: 30px;

				padding: 0 13px;

				text-align: center;

				border: #1d1e24 solid 1px;

				margin: 0 10px;

			}

			

			.layui-laypage-disabled {

				font-size: 14px;

				color: #fff;

				line-height: 30px;

				padding: 0 13px;

				text-align: center;

				/* border: #fff solid 1px; */

				margin: 0 10px;

				background: #262931;

			}

			

			.layui-laypage-disabled:hover {

				background: #fff;

				font-size: 14px;

				color: #1d1e24;

				line-height: 30px;

				padding: 0 13px;

				text-align: center;

				border: #1d1e24 solid 0px;

				margin: 0 10px;

			}

			

			.layui-laypage a:hover {

				background: #fff;

				font-size: 14px;

				color: #1d1e24;

				line-height: 30px;

				padding: 0 13px;

				text-align: center;

				border: #1d1e24 solid 1px;

				margin: 0 10px;

			}

			















/*用户登录开始*/

.wrapper {

    width: 1200px; margin: 0 auto;

}

.wrap-gray {

    width: 100%;

    padding: 60px 0;

    padding-top: 180px; padding-bottom: 100px;

}

.fl{ float: left;}

.fr{ float: right;}

#login .fl{width:654px; height:474px; overflow:hidden;}

#login .fl img{width:654px; height:474px;}

#login .fr{width:546px; height:474px; padding:60px; background:#fff; overflow:hidden; float: right;}

#login .fr h2{height:36px; line-height:18px; margin-bottom:24px; font-size:18px; color:#1798dc; overflow:hidden;}

#login .fr h2 span{display:inline-block; padding-bottom:15px; border-bottom:3px solid #1798dc;}

#login .fr .input{height:50px; margin-bottom:16px; overflow:hidden;}

#login .fr .input input{height:50px; line-height:50px; padding:0 16px; border-radius:4px; font-size:16px; color:#666;}

#login .fr .password{display:flex; justify-content:space-between; align-items:center; height:46px; margin-bottom:16px; padding:0 16px; border:1px solid #e1e1e1; border-radius:4px; overflow:hidden;}

#login .fr .password input{width:360px; height:50px; line-height:50px; padding:0; border:none; font-size:15px; color:#666;}

#login .fr .password em{display:block; width:16px; height:12px; background:url(../images/hide.png) no-repeat center; cursor:pointer;}

#login .fr .password em.display{background-image:url(../images/display.png);}

#login .fr .code{display:flex; justify-content:space-between; align-items:center; height:46px; padding:0 4px 0 16px; border:1px solid #e1e1e1; border-radius:4px; overflow:hidden;}

#login .fr .code input{width:284px; height:50px; line-height:50px; padding:0; border:none; font-size:15px; color:#666;}

#login .fr .code img{width:104px; height:38px; cursor:pointer; overflow:hidden;}

#login .fr .text{height:18px; line-height:18px; margin-top:24px; font-size:15px; overflow:hidden;}

#login .fr .text a:hover{color:#1798dc;}

#login .fr .text span{float:right;}

#login .fr .text span a{color:#1798dc;}

#login .fr .text span a:hover{color:#ff9900;}

#login .fr .button{height:52px; margin-top:24px; overflow:hidden;}

#login .fr .button button{height:52px; line-height:52px; background:#1798dc; border-radius:4px; font-size:16px;}

input[type='text'], input[type='password'] {

    width: 100%;

    height: 38px;

    line-height: 38px;

    padding: 0 8px;

    border: 1px solid #e1e1e1;

    box-sizing: border-box; 

}

input[type='button'], input[type='submit'], input[type='reset'], button, .btn {

    display: block;

    width: 100%;

    height: 38px;

    line-height: 38px;

    padding: 0 12px;

    background: #009688;

    border: 0;

    box-sizing: border-box;

    text-align: center;

    color: #fff;

    cursor: pointer;

}

input::-webkit-input-placeholder{







font-size:15px;





}



/*注册登录*/

.denglu{ background:url(../images/bgg.png) no-repeat top center;}

#register .fl{width:654px; height:646px; overflow:hidden;}

#register .fl img{width:100%; height:666px;}

#register .fr{width:546px; height:646px; padding:60px; background:#fff; overflow:hidden;}

#register .fr h2{height:36px; line-height:18px; margin-bottom:24px; font-size:22px; color:#1798dc;}

#register .fr h2 span{display:inline-block; padding-bottom:15px; border-bottom:3px solid #1798dc;}

#register .fr .input{height:50px; margin-bottom:16px; overflow:hidden;}

#register .fr .input input{height:50px; line-height:50px; padding:0 16px; border-radius:4px; font-size:16px; color:#666;}

#register .fr .sms-code{display:flex; justify-content:space-between; height:50px; margin-bottom:16px; overflow:hidden;}

#register .fr .sms-code input{width:286px; height:50px; line-height:50px; padding:0 16px; border-radius:4px; font-size:15px; color:#666;}

#register .fr .sms-code a{

  width:128px; 

  height:50px; 

  line-height:50px; 

  background:#1798dc; 

  border-radius:4px; 

  font-size:15px;

  text-align: center;

  color: #fff;

}

#register .fr .password{display:flex; justify-content:space-between; align-items:center; height:50px; margin-bottom:16px; padding:0 16px; border:1px solid #e1e1e1; border-radius:4px; overflow:hidden;}

#register .fr .password input{width:360px; height:50px; line-height:50px; padding:0; border:none; font-size:16px; color:#666;}

#register .fr .password em{display:block; width:16px; height:12px; background:url(../images/hide.png) no-repeat center; cursor:pointer;}

#register .fr .password em.display{background-image:url(../images/display.png);}

#register .fr .invite-code{display:flex; justify-content:space-between; height:48px; margin-bottom:16px;}

#register .fr .invite-code input{width:366px; height:50px; line-height:50px; padding:0 16px; border-radius:4px; font-size:15px; color:#666;}

#register .fr .invite-code a{display:block; width:45px; height:50px; line-height:50px; font-size:15px; overflow:hidden;}

#register .fr .invite-code a:hover{color:#1798dc;}

#register .fr .code{display:flex; justify-content:space-between; align-items:center; height:46px; padding:0 4px 0 16px; border:1px solid #e1e1e1; border-radius:4px; overflow:hidden;}

#register .fr .code input{width:284px; height:50px; line-height:50px; padding:0; border:none; font-size:15px; color:#666;}

#register .fr .code img{width:104px; height:38px; cursor:pointer; overflow:hidden;}

#register .fr .text{height:18px; line-height:18px; margin-top:24px; font-size:15px; overflow:hidden;}

#register .fr .text input{display:none;}

#register .fr .text input + label{float:left; display:block; width:16px; height:16px; margin-right:10px; background:#fff; border:1px solid #d1d1d1; border-radius:2px; cursor:pointer;}

#register .fr .text input:checked + label{background:url(../images/agree.png) no-repeat center #1798dc; border-color:#1798dc;}

#register .fr .text a{color:#1798dc;}

#register .fr .text a:hover{color:#ff9900;}

#register .fr .button{height:52px; margin-top:24px; overflow:hidden;}

#register .fr .button button{height:52px; line-height:52px; background:#1798dc; border-radius:4px; font-size:16px;}



#validate-tip{left:50%; top:50%; transform:translate(-50%,-50%); height:48px; line-height:48px; padding:0 20px; background:#333; border-radius:4px; font-size:15px; color:#fff; overflow:hidden; display:none; z-index:1001;}



#login .fl{width:654px; height:474px; overflow:hidden;}





/*会员中心默认*/





.user-info {

  display: flex;

  height: 100px;

  align-items: center;

  background-color: #fff;

  border-radius: 5px;

  margin-bottom: 14px;

}



.nav-12 > a:hover img{

	transform:rotate(360deg);

	-ms-transform:rotate(360deg); 	/* IE 9 */

	-moz-transform:rotate(360deg); 	/* Firefox */

	-webkit-transform:rotate(360deg); /* Safari 和 Chrome */

	-o-transform:rotate(360deg); 	/* Opera */

}



.nav-12 > a:hover p {

	color: #009942;

}





.nav-12 > a:nth-child(5) {

	transform: none !important;

}

.user-info .info {

  width: 452px;

  position: relative;

  padding-left: 37px;

  box-sizing: border-box;

  display: flex;

  align-items: center;

  height: 140px;

}

.user-info .info::after {

  position: absolute;

  right: 0px;

  width: 1px;

  height: 72px;

  background-color: #eeeeee;

  content: "";

}

.user-info .info img {

  width: 91px;

  height: 91px;

  margin-right: 19px;

  border-radius: 100px;

}

.user-info .info p {

  font-size: 18px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 38px;

  letter-spacing: 0px;

  color: #111111;

  padding-top: 0px;

  margin-bottom: 8px;

}

.user-info .info span {

  font-size: 14px;

  font-weight: normal;

  letter-spacing: 0px;

  color: #666666;

}

.user-info .lout {

  display: flex;

}

.user-info .lout .j {

  margin-right: 129px;

  display: flex;

  align-items: center;

}

.user-info .lout .tc {

  width: 137px;

  height: 46px;

  background-color: #ffffff;

  border-radius: 23px;

  border: solid 1px #e5e5e5;

  text-align: center;

  line-height: 46px;

  font-size: 14px;

  font-weight: normal;

  font-stretch: normal;

  letter-spacing: 0px;

  color: #333333;

}

.user-info .lout .tc:hover {

	color: #009942;

	border: solid 1px #009942;

}

.user-info .lout img {

  width: 56px;

  height: 41px;

  margin-right: 34px;

  margin-left: 55px;

}

.user-info .lout p {

  font-size: 18px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 25px;

  letter-spacing: 0px;

  color: #111111;

}

.user-info .lout span {

  font-size: 14px;

  font-weight: normal;

  letter-spacing: 0px;

  color: #666666;

}

.right-content {

  background-color: transparent;

}

.list-12 {

  width: 939px;

  height: 625px;

  background-color: #ffffff;

  border-radius: 6px;

  border: solid 1px #f0f0f0;

  margin-top: 18px;

}

.list-12 .title-21 {

  width: 882px;

  border-bottom: 1px solid #e6e6e6;

  margin: 0 auto;

  font-size: 24px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 82px;

  letter-spacing: 0px;

  color: #333333;

  height: 82px;

}

.nav-12 {

  height: 140px;

  display: flex;

  background-color: #fff;

  border-radius: 5px;

}

.nav-12 > a {

  width: 20%;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  

}

.nav-12 > a img {

  width: 60px;

  height: 60px;

  margin-bottom: 10px;

  transition: all 1s;

}

.nav-12 > a:nth-child(5) div {

	width: 60px;

	height: 60px;

	margin-bottom: 10px;

	display: flex;

	justify-content: center;

	align-items: center;

	border: solid 1px #e5e5e5;

	box-sizing: border-box;

	border-radius: 100px;

}

.nav-12 > a:nth-child(5):hover p{

		color: #009942 !important;

}

.nav-12 > a:nth-child(5):hover div {

	color: #009942;

	    border: solid 1px #009942;

}

.nav-12 > a:nth-child(5) img {

	margin-bottom: 0px;

	width: initial;

	height: initial;

}

.nav-12 > a p {

  font-size: 16px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 16px;

  letter-spacing: 0px;

  color: #333333;

}

/*.list > div {

  width: 874px;

  height: 135px;

  background-color: #f8f8f8;

  border-radius: 10px;

  margin-left: 30px;

  display: flex;

  align-items: center;

  margin-bottom: 12px;

  margin-top: 26px;

}*/

/*.list > div img {

  margin-left: 17px;

  margin-right: 24px;

  width: 174px;

  height: 107px;

  background-color: #f36c04;

  border-radius: 10px;

}*/

.teshum{ float: left; width: 120px; height: 120px; border: 1px solid #e4e4e4; margin-right: 20px; background: #fff;}

.teshum img{ width: 120px; height: 120px}

.list > div .name {

  display: flex;

  flex-direction: column;

  justify-content: space-around;

  margin-right: 45px;

  padding-left: 28px;

}

.list > div .name h3 {

  font-size: 18px;

  font-weight: normal;

  font-stretch: normal;

  letter-spacing: 0px;

  color: #333333;

}

.list > div .name p {

  font-size: 18px;

  font-weight: normal;

  font-stretch: normal;

  letter-spacing: 0px;

  color: #676767;

}

.list > div .price {

  display: flex;

  flex-direction: column;

  justify-content: space-around;

  margin-right: 55px;

}

.list > div .price h3 {

  font-size: 24px;

  font-weight: normal;

  font-stretch: normal;

  letter-spacing: 0px;

  line-height: 24px;

  color: #df3033;

  margin-bottom: 27px;

}

.list > div .price p {

  font-size: 15px;

  font-weight: normal;

  letter-spacing: 0px;

  color: #666666;

}

.list > div .time {

  display: flex;

  flex-direction: column;

  justify-content: space-around;

  margin-right: 75px;

}

.list > div .time h3 {

  font-size: 24px;

  font-weight: normal;

  font-stretch: normal;

  letter-spacing: 0px;

  color: #df3033;

  margin-bottom: 10px;

  line-height: 24px;

  margin-top: 12px;

  position: relative;

  top: -6px;

}

.list > div .time p {

  font-size: 15px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 36px;

  letter-spacing: 0px;

  color: #666666;

}

.list > div .hd {

  display: flex;

  flex-direction: column;

  justify-content: space-around;

}

.list > div .hd:hover a{

	color: #009942 !important;

}

.list > div .hd a {

  font-size: 16px;

  font-weight: normal;

  font-stretch: normal;

  letter-spacing: 0px;

  color: #333333;

  line-height: 16px;

  text-align: center;

}

.list > div .hd p {

  width: 129px;

  height: 42px;

  background-color: #ffffff;

  border-radius: 21px;

  border: solid 1px #eeeeee;

  text-align: center;

  line-height: 42px;

  color: #009942;

}



.left-nav {

  height: 781px;

  border-radius: 6px;

  width: 242px;

  margin-right: 17px;

  overflow: hidden;

  background-color: #fff;

}

.left-nav > div {

  width: 218px;

  margin: 0 auto;

  border-bottom: 1px solid #e6e6e6;

  padding-bottom: 24px;

}

.left-nav > div:last-child {

  border: none;

}

.left-nav > div a {

  display: block;

  font-size: 15px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 16px;

  letter-spacing: 0px;

  color: #666666;

  position: relative;

  margin-top: 24px;

  height: 16px;

  padding-left: 47px;

}

.left-nav > div a.active {

  color: #009942;

  font-weight: 700;

}

.left-nav > div a:hover {

	color: #009942;

	font-weight: 700;

}

.left-nav > div a:nth-child(1) {

  font-size: 16px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 16px;

  letter-spacing: 0px;

  color: #111111;

}

.left-nav > div a:nth-child(1) img {

  position: absolute;

  top: -2px;

  left: 12px;

  width: 20px;

  height: 22px;

}

.left-nav h2 {

  width: 242px;

  height: 67px;

  background-color: #009942;

  display: flex;

  justify-content: center;

  align-items: center;

}

.left-nav h2 img {

  width: 21px;

  height: 21px;

  margin-right: 9px;

}

.left-nav h2 p {

  font-size: 18px;

  font-weight: normal;

  font-stretch: normal;

  letter-spacing: 0px;

  color: #ffffff;

}

.cup {

  cursor: pointer;

}





.zjnr{  width: 1200px; margin: 0 auto;}

.bg_daee{ background: #f5f5f5; padding-top:130px; padding-bottom: 50px;}

.mine_nav dd {

    height: 64px;

    border-bottom: 1px solid #eeeeee;

}



.mine_nav dd:hover span {

    color: #0884cc;

}



.mine_nav dd:first-child {

    background: #1798dc;border-radius: 4px 4px 0 0;

}



.mine_nav {

    width: 242px; 

}



.mine_nav dl {

    background: #ffffff;

}



.mine_nav dd a {

    display: block;

    height: 60px;

    line-height: 60px;

    box-sizing: border-box;

    position: relative;

    padding-left: 40px;

    box-sizing: border-box;

}



.mine_nav dd a .icon {

    max-width: 22px;

    margin-right: 14px;

}



.mine_nav dd a span {

    font-size: 16px;

    color: #333333;

    vertical-align: middle;

}



.mine_nav dd:first-child a span {

    color: #ffffff;

}



.mine_nav dd a .rt,

.mine_nav dd a em {

    width: 7px;

    height: 13px;

    position: absolute;

    right: 16px;

    top: 50%;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

}



.mine_nav dd a em {

    width: auto;

    height: auto;

    font-size: 14px;

    color: #0884cc;

}



.right-content{  float:right; width: 940px}

.mine_content .integral .th {

    background: #f6f6f6;

    height: 34px;

    line-height: 34px;

}



.mine_content .integral .th span {

    font-size: 14px;

    color: #333333;

    display: block;

}



.mine_content .integral .th span:nth-child(1),

.mine_content .integral dd span:nth-child(1) {

    width: 390px;

    padding-left: 16px;

    box-sizing: border-box;

    padding-left: 10px;

    overflow: hidden;

}



.mine_content .integral .th span:nth-child(2),

.mine_content .integral dd span:nth-child(2) {

    width: 76px;

    text-align: center;

}



.mine_content .integral .th span:nth-child(3),

.mine_content .integral dd span:nth-child(3) {

    width: 110px;

    text-align: center;

    margin-left: 60px;

}



.mine_content .integral dd span {

    display: block;

    font-size: 14px;

    color: #333333;

}



.mine_content .integral dd {

    height: 60px;

    line-height: 60px;

    border-bottom: 1px solid #e8e8e8;

}



.mine_content .integral dd span:nth-child(2) {

    color: #e63018;

    font-size: 18px;

}



.mine_content .email .form {

    margin-top: 30px;

    min-height: 366px;

}



.mine_content .email .form span {

    font-size: 14px;

    display: block;

    width: 86px;

    text-align: right;

    color: #333333;

    line-height: 35px;

    padding-right: 4px;

    box-sizing: border-box;

}



.mine_content .email .form .input input {

    display: block;

    width: 335px;

    height: 35px;

    line-height: 35px;

    border: 1px solid #d2d2d2;

    box-sizing: border-box;

}



.form button {

    background: #1798dc;

    color: #ffffff;

    display: block;

    margin-left: 86px;

    width: 160px;

    height: 36px;

    text-align: center;

    line-height: 36px;

    font-size: 16px;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

    margin-top: 44px;

}



.mine_content .email .text {

    border-top: 1px solid #ededed;

    padding-top: 6px;

}



.mine_content .email .text h3 {

    font-size: 14px;

    color: #333333;

    line-height: 24px;

    font-weight: bold;

}



.mine_content .email .text p {

    font-size: 13px;

    color: #666666;

    line-height: 24px;

}



.mine_content .email .layui-form>.clearfix {

    margin-top: 8px;

}



.mine_content .email .form .select .layui-input-inline {

    width: 160px;

    margin-right: 11px;

    box-sizing: border-box;

}



.mine_content .email .form .select input {

    border: 1px solid #d2d2d2;

    box-sizing: border-box;

}



.mine_content .email .form .radios {

    line-height: 35px;

}



.mine_content .email .form .radios input:first-child {

    margin-left: 0;

}



.mine_content .email .form .radios input {

    display: inline-block;

    -webkit-appearance: button;

    appearance: button;

    margin-left: 30px;

    margin-right: 4px;

}



.mine_content .email .form .layui-form-radio {

    display: none;

}



.mine_content .email .form .name {

    line-height: 35px;

}



.mine_content .email .form .name em:last-child {

    color: #999999;

    margin-left: 20px;

    display: inline-block;

}



.mine_content .email .form .input textarea {

    display: block;

    width: 335px;

    border: 1px solid #d2d2d2;

    padding: 10px;

    box-sizing: border-box;

    height: 150px;

}



.mine_content .email .form_pass span {

    width: 100px;

}



.mine_content .email .form_pass button {

    margin-left: 100px;

}



#btnSendCode1 {

    cursor: pointer;

}



.mine_content .email .form .phone #phone1 {

    width: 196px;

}



.mine_content .email .form .phone #btnSendCode1 {

    width: 125px;

    margin-left: 13px;

    background: #089bf1;

    color: #ffffff;

    font-size: 14px;

}



.mine_content .email .form .phone #btnSendCode1.current {

    background: #f6f6f6;

    color: #999999;

}



.mine_ftz .input1 {

    margin-top: 30px;

}



.mine_ftz .input1 input {

    width: 432px;

    height: 35px;

    line-height: 35px;

    border: 1px solid #d2d2d2;

}



.mine_ftz .layui-form-select dl {

    z-index: 9999;

}



.mine_ftz .input1 .layui-form-select {

    float: right;

}



.mine_ftz .input1 .layui-form-select input {

    width: 170px;

}



.mine_ftz .input2 {

    margin-top: 14px;

    margin-bottom: 21px;

}



.mine_ftz .input2 .layui-form-select {

    width: 180px;

    float: left;

    margin-right: 24px;

}



.mine_ftz .input2 .layui-form-select input {

    width: 180px;

    height: 35px;

    line-height: 35px;

}



.mine_ftz .button {

    background: #f99203;

    color: #ffffff;

    display: block;

    width: 160px;

    height: 36px;

    text-align: center;

    line-height: 36px;

    font-size: 16px;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

    margin-top: 35px;

}

.mine_guanzhu dd {

    padding: 20px;

    box-sizing: border-box;

    border-bottom: 1px solid #e8e8e8;

}

.mine_guanzhu dd .imgs {

    width: 52px;

    height: 52px;

    overflow: hidden;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    margin-right: 8px;

}



.mine_guanzhu dd .imgs img {

    display: block;

    width: 100%;

}



.mine_guanzhu dd h3 {

    font-size: 14px;

    color: #333333;

}



.mine_guanzhu dd p {

    font-size: 12px;

    color: #333333;

    margin: 2px 0;

}



.mine_guanzhu dd p em {

    color: #089bf1;

}



.mine_guanzhu dd span {

    display: block;

    color: #999999;

    font-size: 12px;

}



.mine_guanzhu dd .button {

    border-width: 1px;

    border-color: rgb(106, 106, 105);

    border-style: solid;

    background-image: -moz-linear-gradient( 90deg, rgb(221, 221, 221) 0%, rgb(249, 249, 249) 100%);

    background-image: -webkit-linear-gradient( 90deg, rgb(221, 221, 221) 0%, rgb(249, 249, 249) 100%);

    background-image: -ms-linear-gradient( 90deg, rgb(221, 221, 221) 0%, rgb(249, 249, 249) 100%);

    width: 85px;

    height: 25px;

    text-align: center;

    line-height: 25px;

    font-size: 12px;

    color: #333333;

    margin-top: 15px;

}

.mine_content .mine_order .tab_s .fp{

    padding: 0;

    width: 86px;

    height: 30px;

    line-height: 30px;

    text-align: center;

    color: #ffffff;

    background: #f99203;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}

.mine_order .th{

    background: #f6f6f6; height: 50px; line-height: 50px;

}

.mine_order .th span{

    display: block;

    font-size: 14px;

    color: #333333;

    text-align: center;

    height: 50px;

    line-height:50px;

}

.mine_order .th span:nth-child(1),.mine_order dd .list1{

    width: 600px;

}

.mine_order .th span:nth-child(2),.mine_order dd .list2{

    width: 150px;

}

.mine_order .th span:nth-child(3),.mine_order dd .list3{

    width: 140px;

}

.mine_order dd{

    margin-top: 9px;

}

.mine_order dd .num{

    background: #f6f6f6;

    height: 44px;

    line-height: 44px;

    padding: 0 14px;

    box-sizing: border-box; color: #333;

}

.mine_order dd{

    border: 1px solid #e8e8e8;

    box-sizing: border-box;

}

.mine_order dd .list2{

    border-left: 1px solid #e8e8e8;

   border-right: 1px solid #e8e8e8;

}

.mine_order dd .list{

    display: -ms-flexbox;

    display: flex;

}

.mine_order dd .list1{

    padding: 12px 0 ; padding-top: 0;

    padding-left: 14px;

    padding-right: 30px;

    box-sizing: border-box;

}

.mine_order dd .list1 h3{

    font-size: 15px;

    color: #333333;

}

.mine_order dd .list1 p{

    color: #888888;

    font-size: 14px;

    margin-top: 4px;

}

.mine_order dd .list1 .price{

    color: #e63018;

    font-size: 18px;

    margin-top: 12px;

}

.mine_order dd .list2{

    font-size: 14px;

    color: #333333;

    text-align: center;

}

.mine_order dd .list3{

    font-size: 14px;

    color: #089bf1;

    text-align: center;

}

.mine_vip .vip_tit {

    margin-top: 38px;

}

.mine_vip .vip_tit span{

    font-size: 36px;

    color: #e63018;

}

.mine_vip .vip_tit　em{

    font-size: 14px;

    color: #333333;

}

.mine_vip .vip1 span,.mine_vip .vip2>span,.mine_vip .vip3>span{

    font-size: 14px;

    color: #333333;

    line-height: 42px;

    width: 80px;

}

.mine_vip .vip1 em{

    display: block;

    font-size: 14px;

    color: #333333;

    border-width: 2px;

    border-color: rgb(229, 229, 229);

    border-style: solid; 

    padding: 12px 22px;

    box-sizing: border-box;

    margin-right: 20px;

    cursor: pointer;

}

.mine_vip .vip {

    margin-top: 50px;

}

.mine_vip .vip em.current{

    border-color: #008af5;

}

.mine_vip .vip2 {

    margin: 10px 0;

}

.mine_vip .vip2 p{

    font-size: 14px;

    color: #333333;

}

.mine_vip .vip2 p span{

    font-size: 36px;

    color: #e63018;

}

.mine_vip .vip2 p em{

    color: #e63018;

}

.mine_vip .vip3 .imgs{

    margin-right: 24px;

    border: 1px solid transparent;

}

.mine_vip .vip3 .imgs img{

    width: 120px;

    height: 40px;

    cursor: pointer;



}

.mine_vip .vip3 .imgs.current{

    border: 1px solid #008af5;

}

.checkbox{

    margin: 30px 0;

}

.checkbox input{

    display: block;

    border: 1px solid #dcdcdc;

    width: 18px;

    height: 18px;

    position: relative;

    cursor: pointer;

}

.checkbox input[type="checkbox"]::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

.checkbox input[type="checkbox"]:checked::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    /*background: url(../img/dd.png) no-repeat center / cover;*/



}

.checkbox p{

    margin-left: 10px;

    font-size: 14px;

}

.checkbox p em{

    color: #33abe5;

}

.mine_vip .vip .qfk{

    display: block;

    width: 106px;

    height: 36px;

    background: #f99203;

    color: #ffffff;

    text-align: center;

    line-height: 36px;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

    font-size: 16px;

}

.mine_shield .shield1{

    border-width: 1px;

    border-color: rgb(217, 217, 217);

    border-style: solid;

    background-color: rgb(255, 255, 255);

    margin-top: 20px;

    padding: 20px 22px 20px 22px;

}

.mine_shield .shield1 .edit h3{

    font-size: 14px;

    color: #333333;

    margin-bottom: 10px;

}

.mine_shield .shield1 .text p{

    font-size: 12px;

    color: #666666;

    line-height: 24px;

}

.mine_shield .shield1 .input{

    margin-top: 30px;

    margin-bottom: 27px;

}

.mine_shield .shield1 .input input{

    font-size: 14px;

    border-width: 1px;

    border-color: rgb(210, 210, 210);

    border-style: solid;

    background-color: rgb(255, 255, 255);

    width: 334px;

    height: 36px;

    line-height: 36px;

    box-sizing: border-box;

    display: block;

    margin: 0 10px;

}



.mine_shield .shield1 .input span{

    font-size: 14px;

    color: #333333;

    line-height: 36px;

}

.mine_shield .shield1 .input .button{

    display: block;

    width: 68px;

    height: 36px;

    line-height: 36px;

    text-align: center;

    font-size: 14px;

    background: #f99203;

    color: #ffffff;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

}

.mine_shield .shield1 dd {

    border-width: 1px;

    border-color: rgb(210, 210, 210);

    border-style: solid;

    background-color: rgb(255, 255, 255);

    width: 284px;

    padding: 10px 16px 10px 12px;

    box-sizing: border-box;

    margin-bottom: 20px;

  }

  .mine_shield .shield1 dd .imgs{

      width: 41px;

      height: 41px;

      overflow: hidden;

      border-radius: 50%;

      -webkit-border-radius: 50%;

      -moz-border-radius: 50%;

      -ms-border-radius: 50%;

      -o-border-radius: 50%;

      margin-right: 5px;

}

.mine_shield .shield1 dd .imgs img{

    display: block;

    width: 100%;

}

.mine_shield .shield1 dd .text h3{

    font-size: 14px;

    color: #333333;

}

.mine_shield .shield1 dd .text{

    width: 130px;

}

.mine_shield .shield1 dd .text p{

    font-size: 12px;

    color: #999999;

}

.mine_shield .shield1 dd .jc{

    display: block;

    border-width: 1px;

    border-color: rgb(106, 106, 105);

    border-style: solid;

    background-image: -moz-linear-gradient( 90deg, rgb(221,221,221) 0%, rgb(249,249,249) 100%);

    background-image: -webkit-linear-gradient( 90deg, rgb(221,221,221) 0%, rgb(249,249,249) 100%);

    background-image: -ms-linear-gradient( 90deg, rgb(221,221,221) 0%, rgb(249,249,249) 100%);

    width: 68px;

    height: 24px;

    line-height: 24px;

    box-sizing: border-box;

    font-size: 12px;

    color: #333333;

    margin-top: 10px;

}

.mine_shield .shield1 dd:nth-child(even){

    margin-left: 24px;

}



.mine_shield .shield2{

    border-width: 1px;

    border-color: rgb(217, 217, 217);

    border-style: solid;

    background-color: rgb(248, 248, 248);

    width: 100%;

    box-sizing: border-box;

    padding: 0 22px;

    margin-top: 24px;

  }

  .mine_shield .shield2 .tit{

      position: relative;

      padding: 20px 0;

  }

  .mine_shield .shield2 .tit span{

    font-size: 14px;

    color: #333333;

  }

  .mine_shield .shield2 .tit em{

      color: #089bf1;

      font-size: 14px;

  }

  .mine_shield .shield2 .tit p{

      position: absolute;

      top: 50%;

      left: 50%;

      transform: translate(-50%,-50%);

      -webkit-transform: translate(-50%,-50%);

      -moz-transform: translate(-50%,-50%);

      -ms-transform: translate(-50%,-50%);

      -o-transform: translate(-50%,-50%);

}

.shop_rz .service .list {

    padding-left: 46px;

    padding-right: 34px;

    padding-top: 30px;

    padding-bottom: 24px;

    background: #f7f7f7;

    border-radius: 8px;

    -webkit-border-radius: 8px;

    -moz-border-radius: 8px;

    -ms-border-radius: 8px;

    -o-border-radius: 8px;

    width: 386px;

    box-sizing: border-box;

    margin-left: 27px;

    margin-top: 60px;

}

.shop_rz .service .list:last-child{

    margin-left: 46px;

}





.right-content{    width: 939px;

    min-height: 781px;

    background-color: #ffffff;

    border-radius: 6px;

    border: solid 1px #f0f0f0;padding: 22px;

    box-sizing: border-box; padding-top: 0;}

    

    

    

    .pay-title {

  height: 82px;

  display: flex;

  justify-content: space-between;

  align-items: center;

  border-bottom: 1px solid #e6e6e6;

  width: 882px;

  margin: 0 auto;

  margin-bottom: 20px;

}

.pay-title h3 {

  font-size: 24px;

  font-stretch: normal;

  line-height: 38px;

  letter-spacing: 0px;

  color: #333333;

}

.imgs-list {

  width: 882px;

  margin: 0 auto;

  display: flex;

  padding-left: 27px;

  box-sizing: border-box;

}

.imgs-list div {

  margin-right: 96px;

}

.imgs-list div p {

  font-size: 16px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 16px;

  letter-spacing: 0px;

  color: #333333;

  margin-bottom: 19px;

}

.imgs-list div img {

  width: 99px;

  height: 99px;

  border: solid 2px #d2d2d2;

  background-color: red;

  display: block;

}

.input-14 {

  height: 40px;

  align-items: center;

  display: flex;

  width: 882px;

  margin: 0 auto;

  margin-bottom: 17px;

}

.input-14 p {

  font-size: 14px;

  font-weight: normal;

  font-stretch: normal;

  letter-spacing: 0px;

  color: #333333;

  width: 110px;

  padding-right: 15px;

  text-align: right;

  box-sizing: border-box;

}

.input-14 input {

  width: 320px;

  height: 40px;

  border-radius: 2px;

  border: solid 1px #dcdcdc;

  padding-left: 10px;

  box-sizing: border-box;

}

.sub {

  width: 228px;

  height: 46px;

  background-color: #1798dc;

  border-radius: 5px;

  margin-left: 140px;

  color: #fff;

  text-align: center;

  line-height: 46px;

  border: none;

  cursor: pointer;

  margin-top: 63px;

}

.title-12 {

  height: 50px;

  padding-left: 20px;

  width: 882px;

  box-sizing: border-box;

  margin: 0 auto;

  line-height: 50px;

  position: relative;

  font-size: 20rx;

  font-weight: normal;

  font-stretch: normal;

  letter-spacing: 0px;

  color: #333333;

  margin-bottom: 20px;

}

.title-12::before {

  position: absolute;

  left: 0px;

  top: 50%;

  transform: translate(0, -50%);

  height: 16px;

  background-color: #009a43;

  width: 3px;

  content: "";

}



.upload_imgbox {

    width: 98px;

    height: 98px;

    border-width: 4px;

    border-color: rgb(255, 255, 255);

    border-style: solid;

    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.22);

    box-sizing: border-box;

    overflow: hidden;

    cursor: pointer;

    position: relative;

    margin-right: 12px;

}



.upload_imgbox img {

    display: block;

    width: 100%;

}



.upload_imgbox>span {

    background: rgba(0, 0, 0, 0.4);

    color: #f7f7f7;

    font-size: 12px;

    text-align: center;

    display: block;

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    height: 24px;

    line-height: 24px;

}



.upload_imgbox .layui-btn {

    display: block;

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 88;

    opacity: 0;

}



.mine_xx .mine_name {

    line-height: 46px;

}



.mine_xx .mine_name span {

    font-size: 18px;

    color: #333333;

    vertical-align: middle;

}



.mine_xx .mine_name img {

    width: 28px;

    height: 15px;

}



.mine_xx .mine_name .time {

    font-size: 15px;

    color: #666666;

    margin-left: 20px;

}



.mine_fs a {

    float: left;

    border-left: 1px solid #eeeeee;

    padding: 0 26px;

    text-align: center;

}



.mine_fs a:first-child {

    border-left: none;

    padding-left: 0;

}



.mine_fs a span,

.mine_fs a em {

    display: block;

}



.mine_fs a em {

    font-size: 18px;

    color: #333333;

}



.mine_fs a span {

    font-size: 15px;

    color: #666666;

}



.mine_content {

    margin-bottom: 12px;

    position: relative;

}



.mine_content .mine_dt {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    width: 682px;

    background: #ffffff;

}











.mine_nav dd a span {

    font-size: 16px;

    color: #333333;

    vertical-align: middle;

}

.mine_nav dd .xuanzhong span{ color: #1798dc;}

.mine_nav dd:first-child a span {

    color: #ffffff;

}



.mine_nav dd a .rt,

.mine_nav dd a em {

    width: 7px;

    height: 13px;

    position: absolute;

    right: 16px;

    top: 50%;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

}



.mine_nav dd a em {

    width: auto;

    height: auto;

    font-size: 14px;

    color: #0884cc;

}



.mine_fens {

    background: #ffffff;

    margin-top: 10px;

}



.mine_fens .tit {

    padding: 14px 0;

    border-bottom: 1px solid #f0f0f0;

    padding-right: 14px;

    padding-left: 14px;

    box-sizing: border-box;

    border-bottom: 1px solid #f0f0f0;

}



.mine_fens .tit img {

    width: 13px;

    height: 7px;

    margin-top: 6px;

}



.mine_fens .tit p {

    font-size: 15px;

    color: #333333;

}



.mine_fens .tit p span {

    color: #0884cc;

}



.mine_lk {

    padding: 0 10px;

    box-sizing: border-box;

    padding-top: 9px;

}



.mine_lk a {

    display: block;

    width: 56px;

    float: left;

    text-align: center;

    margin-right: 14px;

    margin-bottom: 6px;

}



.mine_lk a:nth-child(3n) {

    margin-right: 0;

}



.mine_lk a .imgs {

    width: 56px;

    height: 56px;

    overflow: hidden;

    border-radius: 10px;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    -ms-border-radius: 10px;

    -o-border-radius: 10px;

}



.mine_lk a .imgs img {

    display: block;

    width: 100%;

}



.mine_lk a span {

    font-size: 14px;

    color: #333333;

    display: block;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    line-height: 24px;

}



.mine_fens .mores {

    text-align: right;

    padding-bottom: 10px;

}



.mine_fens .mores a {

    font-size: 12px;

    color: #888888;

}



.mine_fwl a {

    display: block;

    border-top: 1px solid #f0f0f0;

    padding: 18px 14px;

    box-sizing: border-box;

}



.mine_fwl a p {

    color: #333333;

}



.mine_fwl a p em {

    color: #0884cc;

}



.mine_fwl a img {

    width: 7px;

    height: 13px;

}



.mine_content .mine_dt {

    padding: 12px 22px;

    box-sizing: border-box;

}



.mine_content .mine_dt .tab_s {

    border-bottom: 1px solid #ededed;

}



.mine_content .mine_dt .tab_s a {

    display: block;

    color: #333333;

    padding: 0 20px;

    height: 42px;

    line-height: 42px;

    border-top-left-radius: 10px;

    border-top-right-radius: 10px;

    cursor: pointer;

    font-size: 15px;

    margin-right: 10px;

}



.mine_content .mine_dt .tab_s a:last-child {

    margin-right: 0;

}



.mine_content .mine_dt .tab_s a.current {

    color: #ffffff;

    background: #089bf1;

}



.mine_content .tzdt dd {

    border-bottom: 1px solid #ededed;

}



.mine_content .tzdt dd em.fr {

    font-size: 12px;

    color: #888888;

    height: 48px;

    line-height: 48px;

}



.mine_content .tzdt dd a {

    display: block;

    font-size: 14px;

    color: #555555;

    height: 48px;

    line-height: 48px;

}



.mine_content .tzdt dd img {

    margin-right: 9px;

    width: 17px;

}



.mine_content .tzdt dd em {

    vertical-align: middle;

    font-size: 14px;

    color: #0884cc;

}



.mine_content .tzdt dd span {

    vertical-align: middle;

}



.sjrz {

    background: #ffffff;

    margin: 12px auto;

    padding: 20px;

    box-sizing: border-box;

}



.sjrz .tit {

    border-bottom: 1px solid #ededed;

}

.sjrz .tit a{

    font-size: 15px;

    color: #333333;

    height: 42px;

    line-height: 42px;

    padding: 0 20px;

    border-top-left-radius: 10px;

    border-top-right-radius: 10px;

}

.sjrz .tit a.current {

    color: #ffffff;

    background: #089bf1;



}



.shop_rz .title {

    text-align: center;

    margin-bottom: 10px;

}



.shop_rz .title h2 {

    font-size: 22px;

    color: #333333;

    position: relative;

    padding-bottom: 10px;

    margin-top: 20px;

}



.shop_rz .title h2::after {

    content: "";

    display: block;

    width: 50px;

    height: 3px;

    background: #0884cc;

    position: absolute;

    left: 50%;

    bottom: 0;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

}

#reg-face{position:relative;  margin-right:30px; padding:30px; background:#f7f7f7; text-align: center; border-radius:4px; cursor:pointer; overflow:hidden;}

#reg-face img{width:98px; height:98px; margin:0 auto; border-radius:50%;}

#reg-face h3{height:18px; line-height:18px; margin-top:14px; font-size:15px; text-align:center; overflow:hidden;}

#reg-face input{position:absolute; left:0; top:0; width:190px; height:190px; font-size:190px; cursor:pointer; opacity:0}



.layui-form-item input{ width: 24px; height: 24px;}

.layui-form-item  span {

    position: relative;

    margin-right: 20px;

    top: -5px;

    margin-left: 5px;

    font-size: 0.95rem;

}





.jinrum{ color: #1798dc; font-size: 15px; overflow: hidden; height: 20px; line-height: 20px;}



.mine_dt .form span {

    font-size: 15px;

    display: block;

    width: 86px;

    text-align: right;

    color: #333333;

    line-height: 35px;

    padding-right: 4px;

    box-sizing: border-box;

}



.mine_dt .clearfix {

    margin-top: 12px;

}

.mine_dt .form input{  width: 358px;}

.mine_dt .form .layui-input-block {

    margin-left: 88px;

    min-height: 36px;

}





.filter-tab {

  height: 66px;

 /* width: calc(100% - 60px);*/

  margin: 0 auto;

  display: flex;

  align-items: center;

}

.filter-tab p {

  width: 120px;

  height: 44px;

  overflow: hidden;

  border-radius: 4px;

  text-align: center;

  line-height: 44px;

  border: 1px solid #e6e6e6;

  margin-right: 20px;

  cursor: pointer; font-size: 15px; color: #333;

}

.filter-tab p.active {

  border: none;

  background-color: #1798dc;

  color: #fff;

}

.filter-tab p.active a{

  

  color: #fff;

}



.qupingm{ background: #1798dc; color: #fff; width: 80px; height: 35px; line-height: 35px; text-align: center; display: block; margin: 0 auto;}

.qupingm a{ color: #fff; display: block}



.buy-content {

  width: 1202px;

 

  background-color: #ffffff;

  margin: 0 auto;

  display: flex;

  justify-content: center;

  align-items: center;

  margin-bottom: 26px; padding-top: 60px; padding-bottom: 60px;

}

.buy-content > div {

  width: 1124px;

  

  background-color: #ffffff;

  border: solid 1px #f0f0f0;

  padding: 0 31px;

  box-sizing: border-box; 

}

.f-title {

  height: 16px;

  display: flex;

  justify-content: space-between;

}

.f-title p {

  font-size: 16px;

  font-weight: normal;

  font-stretch: normal;

  letter-spacing: 0px;

  color: #333333;

  font-weight: 700;

}

.f-title a {

  font-size: 15px;

  font-weight: normal;

  font-stretch: normal;

  letter-spacing: 0px;

  color: #009942;

  cursor: pointer;

}

.mbdh {

  padding-top: 39px;

  padding-bottom: 19px;

  font-size: 16px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 35px;

  letter-spacing: 0px;

  color: #616060;

}

.t26b19 {

  margin-top: 26px;

  margin-bottom: 16px;

  display: flex;

}



.model {

	position: fixed;

	    top: 0px;

	    left: 0px;

	    width: 100%;

	    height: 100%;

	    background: rgba(0, 0, 0, 0.6);

	    z-index: 999;

		display: none;

}



.model .model-content {

	width: 528px;

	position: absolute;

	height: 700px;

	left: 50%;

	top: 50%;

	transform: translate(-50%, -50%);

	padding: 10px 30px;

	background-color: #fff;

}



#save {

	height: 50px;

	    background-color: #009942;

	    border-radius: 6px;

	    font-size: 14px;

	    text-align: center;

	    width: 120px;

	    color: #fff;

	    line-height: 50px;

	    cursor: pointer;

		margin-left: 115px;

		border:none;

		margin-top: 40px;

}

.model .model-content h2 {

	line-height: 70px;

	height: 70px;

	display: flex;

	justify-content: space-between;

	align-items: center;

	border-bottom: 1px solid #e5e5e5;

	margin-bottom: 35px;

}

.model .model-content h2 p {

	font-size: 24px;

	font-weight: 500;

}

.model .model-content h2 span{

	width: 16px;

	    height: 16px;

	    background-image: url(../images/remove.png);

	    cursor: pointer;

}

.form>div {

	display: flex;

	margin-bottom: 20px;

	align-items: center;

}

.form p {

	    width: 115px;

	    font-size: 16px;

	    font-weight: 700;

	    text-align: right;

	    padding-right: 20px;

	    box-sizing: border-box;

}

.form input{

	   width: 350px;

	   height: 52px;

	   background-color: #ffffff;

	   border-radius: 4px;

	   border: solid 1px #e5e5e5;

	   padding-left: 10px;

	   box-sizing: border-box;

	   margin-right: 20px;

}

.form .input222 input {

	width: 165px !important;

}



.buy-content {

  width: 1202px;

 

  background-color: #ffffff;

  margin: 0 auto;

  display: flex;

  justify-content: center;

  align-items: center;

  margin-bottom: 26px;

}

.buy-content > div {

  width: 1140px;



  background-color: #ffffff;

  border: solid 1px #f0f0f0;

  padding: 0 31px;

  box-sizing: border-box;  padding-bottom: 30px;

}

.t50b19 {

  padding-top: 50px;

  margin-bottom: 19px;

}

.adderss {

  display: flex;

  width: 1076px;

  height: 55px;

  background-color: #f8f8f8;

  border: solid 1px #f2f2f2;

  margin: 0 auto;

  justify-content: space-between;

  align-items: center;

  box-sizing: border-box;

  padding: 0 24px; margin-top: 40px;

}

.adderss p {

  font-size: 15px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 35px;

  letter-spacing: 0px;

  color: #333333;

}

.borderbottom1 {

  height: 39px;

  width: 1067px;

  margin: 0 auto;

  border-bottom: 1px solid #f0f0f0; margin-bottom: 20px;

}

.t35b38 {

  margin-top: 35px;

  margin-bottom: 38px;

}

.list > div {

  /*width: 1054px;*/

  /*height: 135px;

  background-color: #fff;*/

  border-radius: 0px;



  align-items: center;

  margin-bottom: 12px;

}

.list > div img {

  

  margin-right: 24px;

  width: 174px;

  height: 107px;

 

  border-radius: 10px;

}

.list > div .name {

  display: flex;

  flex-direction: column;

  justify-content: space-around;

  margin-right: 60px;

}

.list > div .name h3 {

  font-size: 18px;

  font-weight: normal;

  font-stretch: normal;

  letter-spacing: 0px;

  color: #333333;

  margin-bottom: 25px;

}

.list > div .name p {

  font-size: 18px;

  font-weight: normal;

  font-stretch: normal;

  letter-spacing: 0px;

  color: #676767;

}

.list > div .price {

  display: flex;

  flex-direction: column;

  justify-content: space-around;

  margin-right: 90px;

}

.list > div .price h3 {

  font-size: 24px;

  font-weight: normal;

  font-stretch: normal;

  letter-spacing: 0px;

  line-height: 24px;

  color: #df3033;

  margin-bottom: 27px;

}

.list > div .price p {

  font-size: 15px;

  font-weight: normal;

  letter-spacing: 0px;

  color: #666666;

}

.list > div .time {

  display: flex;

  flex-direction: column;

  justify-content: space-around;

  margin-right: 100px;

}

.list > div .time h3 {

  font-size: 24px;

  font-weight: normal;

  font-stretch: normal;

  letter-spacing: 0px;

  color: #df3033;

  margin-bottom: 10px;

  line-height: 24px;

  margin-top: 12px;

  position: relative;

  top: -6px;

}

.list > div .time p {

  font-size: 15px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 36px;

  letter-spacing: 0px;

  color: #666666;

}

.list > div .hd {

  display: flex;

  flex-direction: column;

  justify-content: space-around;

}

.list > div .hd h3 {

  font-size: 16px;

  font-weight: normal;

  font-stretch: normal;

  letter-spacing: 0px;

  color: #333333;

  margin-bottom: 20px;

  line-height: 16px;

  text-align: center;

  margin-top: 10px;

}

.list > div .hd p {

  width: 129px;

  height: 42px;

  background-color: #ffffff;

  border-radius: 21px;

  border: solid 1px #eeeeee;

  text-align: center;

  line-height: 42px;

  color: #009942;

}

.sub-btn {

  display: flex;

  justify-content: flex-end;

  margin-top: 26px;

}

.sub-btn button {

  width: 212px;

  height: 52px;

  background-color: #009a43;

  color: #fff;

  font-size: 14px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 52px;

  letter-spacing: 0px;

  color: #ffffff;

  text-align: center;

  box-sizing: border-box;

  border: none;

  cursor: pointer;

}

.total-price {

  display: flex;

  justify-content: flex-end;

  align-items: center;

  width: 1054px;

  height: 52px;

  background-color: #f6f6f6;

  margin-top: 20px;

}

.total-price p {

  font-size: 14px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 35px;

  letter-spacing: 0px;

  color: #333333;

}

.total-price span {

  text-align: right;

  font-size: 18px;

  font-weight: 700;

  font-stretch: normal;

  line-height: 35px;

  letter-spacing: 0px;

  color: #ee2222;

  width: 127px;

  padding-right: 20px;

  box-sizing: border-box;

}

.yh-price {

  padding-top: 20px;

}

.yh-price div {

  height: 50px;

  display: flex;

  justify-content: flex-end;

  align-items: center;

}

.yh-price div p {

  font-size: 14px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 35px;

  letter-spacing: 0px;

  color: #333333;

}

.yh-price div span {

  text-align: right;

  font-size: 14px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 35px;

  letter-spacing: 0px;

  color: #333333;

  width: 127px;

}

.price-1 {

  

  height: 72px;

  font-weight: 700;

  

 

  

  font-size: 18px;

  font-stretch: normal;

  line-height: 35px;

  letter-spacing: 0px;

  color: #333333;

  box-sizing: border-box; text-align: right; font-weight: normal;

}

.price-1 span {

  font-size: 22px;

  font-weight: 700;

  letter-spacing: 0px;

  color: #ee2222;

  margin-left: 4px;

}

.num {

  height: 16px;

  display: flex;

  height: 32px;

  align-items: center;

  margin-bottom: 10px;

}

.num div:nth-child(1) {

  margin-right: 56px;

  font-size: 16px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 16px;

  letter-spacing: 0px;

  color: #333333;

}

.num div:nth-child(1) span {

  font-size: 16px;

  font-weight: normal;

  letter-spacing: 0px;

  color: #df3033;

  line-height: 16px;

  font-weight: 700 ;

}

.num div:nth-child(2) {

  font-size: 16px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 35px;

  letter-spacing: 0px;

  color: #333333;

  line-height: 16px;

}

.num div:nth-child(2) input {

  width: 89px;

  background-color: #ffffff;

  border: solid 1px #e5e5e5;

  text-align: center;

  height: 32px;

  box-sizing: border-box;

  line-height: 16px;

  margin: 0 4px;

}

.t38b31 {

  margin-top: 38px;

  margin-bottom: 31px;

}





.pinam{

	

	 background: #f8f8f8; width: 100%; height: 166px;

}





.weixin-pay {

    width: 170px;

    height: 170px;

    border: 1px solid #4AB415;

    overflow: hidden;

    position: relative;

}



.weixin-pay img {

    width: 100%;

    height: 100%;

}

.weixin-words span{ font-size: 18px; padding-top: 10px;}

.zhifum{ background: url(../images/zhi.png) no-repeat; height: 34px;}





.pay-WX{ text-align:right;}
.pay-zhi{
    margin-top: 50px;
    width: 100%;
    height: 38px;}
.pay-btn{
    display: inline-block;
    width: 158px;
    height: 38px;
    padding: 0;
    margin: 0;
    border: 1px solid #b0b0b0;
    font-size: 14px;
    line-height: 38px;
    text-align: center;
    color: #b0b0b0;
    cursor: pointer;
    float: right;
    margin-left: 30px;
    vertical-align: top;
}
.jie-btn{
    display: inline-block;
    width: 158px;
    height: 38px;
    padding: 0;
    margin: 0;
    font-size: 14px;
    line-height: 38px;
    text-align: center;
    cursor: pointer;
    float: right;
    margin-left: 30px;
    vertical-align: top;
    background: #1798dc;
    color: #fff;
}



.pinam1{ float: left; width: 164px; height: 126px; margin-left: 20px; margin-top: 20px;}

.pinam1 img{  width: 100%; height: 100%; border-radius: 4px;}



.pinam2{ margin-top: 40px; margin-left:  15px; float:left;}



.pinam3{ float: right; font-size: 22px; color: #f00; margin-right: 50px;margin-top: 60px; }





.order-details {

	width: 1202px;

		background-color: #ffffff;

	margin: 0 auto;

	padding-top: 46px;

	padding-bottom: 29px;

	margin-bottom: 33px;

}

.order-details>div {

	width: 1130px;

		

		background-color: #ffffff;

		border: solid 1px #f0f0f0;

		margin:0 auto;

		padding-bottom: 20px; padding: 30px;

}



.order-bm {

	width: 1077px;

		height: 58px;

		background-color: #f6f6f6;

		border-radius: 10px;

		margin: 0 auto;

		margin-top: 10px;

		margin-bottom: 40px;

		display: flex;

		justify-content: space-between;

}



.order-bm p {

		font-size: 16px;

		font-weight: normal;

		font-stretch: normal;

		line-height: 58px;

		letter-spacing: 0px;

		color: #333333;

		padding-left: 29px;

}



.order-bm span {

	font-size: 16px;

		font-weight: normal;

		font-stretch: normal;

		line-height: 58px;

		letter-spacing: 0px;

		color: #009a43;

		padding-right: 36px;

}

.user-info{

		width: 1077px;

		margin: 0 auto;

}

.user-info h3 {

	font-size: 16px;

		font-weight: 700;

		font-stretch: normal;

		line-height: 16px;

		letter-spacing: 0px;

		color: #333333;

		margin-bottom: 26px;

}



.user-info p {

	font-size: 14px;

		font-weight: normal;

		font-stretch: normal;

		line-height: 14px;

		letter-spacing: 0px;

		color: #333333;

		margin-bottom: 22px;

}

.price-info {

	width: 1067px;

	margin:0 auto;

}



.price-info h2 {

	font-size: 16px;

		font-weight: 700;

		font-stretch: normal;

		line-height: 16px;

		letter-spacing: 0px;

		color: #333333;

		padding-top: 32px;

		padding-bottom: 27px;

}

.price-info div {

	display: flex;

	margin-bottom: 25px;

}

.price-info p {

		font-size: 14px;

		font-weight: normal;

		font-stretch: normal;

		line-height: 16px;

		letter-spacing: 0px;

		color: #333333;

		width: 154px;

		padding-right: 67px;

		text-align: right;

}



.price-info span {

		font-family: MicrosoftYaHei-Bold;

		font-size: 16px;

		font-weight: normal;

		letter-spacing: 0px;

		line-height: 16px;

		color: #333333;

		

}





.model {

	position: fixed;

	    top: 0px;

	    left: 0px;

	    width: 100%;

	    height: 100%;

	    background: rgba(0, 0, 0, 0.6);

	    z-index: 999;

		display: none;

}



.model .model-content {

	width: 528px;

	position: absolute;

	height: 700px;

	left: 50%;

	top: 50%;

	transform: translate(-50%, -50%);

	padding: 10px 30px;

	background-color: #fff;

}



#save {

	height: 50px;

	    background-color: #1798dc;

	    border-radius: 6px;

	    font-size: 14px;

	    text-align: center;

	    width: 120px;

	    color: #fff;

	    line-height: 50px;

	    cursor: pointer;

		margin-left: 115px;

		border:none;

		margin-top: 40px;

}

.model .model-content h2 {

	line-height: 70px;

	height: 70px;

	display: flex;

	justify-content: space-between;

	align-items: center;

	border-bottom: 1px solid #e5e5e5;

	margin-bottom: 35px;

}

.model .model-content h2 p {

	font-size: 24px;

	font-weight: 500;

}

.model .model-content h2 span{

	width: 16px;

	    height: 16px;

	    background-image: url(../images/remove.png);

	    cursor: pointer;

}

.form>div {

	display: flex;

	margin-bottom: 20px;

	align-items: center;

}

.form p {

	    width: 115px;

	    font-size: 16px;

	    font-weight: 700;

	    text-align: right;

	    padding-right: 20px;

	    box-sizing: border-box;

}

.form input{

	   width: 350px;

	   height: 52px;

	   background-color: #ffffff;

	   border-radius: 4px;

	   border: solid 1px #e5e5e5;

	   padding-left: 10px;

	   box-sizing: border-box;

	   margin-right: 20px;

}

.form .input222 input {

	width: 159px !important;

}

.address-title {

  height: 82px;

  display: flex;

  justify-content: space-between;

  align-items: center;

  border-bottom: 1px solid #e6e6e6;

  width: 882px;

  margin: 0 auto;

  margin-bottom: 19px;

}

.address-title h3 {

  font-size: 24px;

  font-stretch: normal;

  line-height: 38px;

  letter-spacing: 0px;

  color: #333333;

}

.address-title a {

  width: 123px;

  height: 38px;

  background-color: #1798dc;

  border-radius: 4px;

  font-size: 14px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 38px;

  letter-spacing: 0px;

  color: #eaeaea;

  text-align: center;

  cursor: pointer;

}

.address-title a:hover {

	background: #1798dc !important;

}

.list .list-item {

  width: 874px;

  margin: 0 auto;

  box-sizing: border-box;

  height: 126px;

  border: solid 1px #e5e5e5;

  margin-bottom: 17px;

  padding-top: 12px;

  position: relative;

}

.list .list-item .edit {

  width: 22px;

  height: 22px;

  position: absolute;

  bottom: 17px;

  right: 19px;

  background-image: url(../images/edit.png);

  cursor: pointer;

}

.list .list-item .remove {

  width: 16px;

  height: 16px;

  position: absolute;

  top: 12px;

  right: 22px;

  background-image: url(../images/remove.png);

  cursor: pointer;

}

.list .list-item div {

  display: flex;

  align-items: center;

  cursor: pointer;

}

.list .list-item div.active span:after {

  content: "默认";

  width: 29px;

  height: 14px;

  background-color: #ffae00;

  border-radius: 2px;

  font-size: 10px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 34px;

  letter-spacing: 0px;

  color: #ffffff;

  margin-left: 8px;

  text-align: center;

  padding:0 6px;

}

.list .list-item div p {

  font-size: 14px;

  font-weight: normal;

  font-stretch: normal;

  line-height: 34px;

  width: 80px;

  text-align: right;

}

.list .list-item div span {

  font-size: 14px;

  font-weight: 700;

  letter-spacing: 0px;

  color: #333333;

}



















.tzdt dd {

    border-bottom: 1px solid #ededed;

}



.tzdt dd em.fr {

    font-size: 14px;

    color: #888888;

    height: 48px;

    line-height: 48px;font-style: inherit;

}



.tzdt dd a {

    display: block;

    font-size: 14px;

    color: #555555;

    height: 48px;

    line-height: 48px;

}



.tzdt dd img {

    margin-right: 9px;

    width: 17px;

}



.tzdt dd em {

    vertical-align: middle;

    font-size: 14px;

    color: #0884cc;

}

.tzdt dd span {

    vertical-align: middle;

}

.tzdt dd a:hover{ color: #1798dc;}





/* order-list */

.order-list {

  width: 100%;

  font-family: myFirstFont;

  padding-bottom: 70px;

}

.order-list section {

  

  position: relative;

  clear: both;

  /*border-bottom: 1px solid #e5e5e5;

  border-top: 1px solid #e5e5e5;*/

  background: #fff;

  margin-bottom: 20px;

  border-bottom: 1px solid #e5e5e5; padding-bottom: 20px;

}

.order-list-top {

  width: 98%;

 height: 150px;

  position: relative;

  margin: auto;

  clear: both;

  background: #fafafa; 

}

.order-list-top-img {

  position: absolute;

  top: 10px;

  left: 0;

  width: 120px;

  height: 120px;

}

.order-list-top-img img {

  height: 100%;

  background: #fff; border: 1px solid #E0E0E0;

}

.order-list-top-info {

  padding-left: 147px;

  padding-top: 30px;

  

}

.order-list-top-info h1 {

  display: block;

  

  font-size: 18px;

  color: #333;

  line-height: 18px;

  height: 36px;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

}

.order-list-top-info h2 {

  color: #ff4d55;

  font-size: 22px;

  font-weight: 600;

  line-height: 20px;

  font-family: myFirstFont;

}

.order-list-top-info h2 span {

  font-size: 22px;

  font-weight: 100;

}

.order-list-Below {

  width: 98%;

  padding-top: 20px;

  position: relative;

  margin: auto;

  clear: both;

}

.order-list-Below h1 {

  font-family: myFirstFont;

  font-size: 15px;

  color: #333;

  line-height: 1;

  height: 27px;

  float: left;

}

.order-list-Below ul {

  float: left;

  padding-left: 15px;

}

.order-list-Below ul li {

  float: left;

  width: 28px;

  height: 17px;

  background: url("../images/pic_heart01.png") no-repeat left top;

  background-size: 17px 17px;

}

.order-list-Below ul li.on {

  background: url("../images/pic_heart02.png") no-repeat left top;

  background-size: 17px 17px;

}

.order-list-Below .order-textbox {

  clear: both;

}

.order-list-Below .order-textbox textarea {

  width: 100%;

  height: 90px;

  padding: 5px;

  border: none;

  border: 1px solid #bbb;

  border-radius: 4px;

  font-family: myFirstFont ;

  font-size: 14px;

  color: #ccc; margin-top: 10px;

}

.order-button {

  

  

}

.order-button a {

  margin: 0 auto;

  display: block;

  width: 160px;

  height: 39px;

  line-height: 39px;

  background: #1798dc;

 

  border-radius: 4px;

  color: #fff;

  font-size: 14px; text-align: center; margin-top: 30px;

}



.order-list-Below22 ul li{ display: inline-block;}

.order-list-Below22 ul li img{  width: 18px}

.order-list-Below22{ padding-top:15px; margin-bottom: 10px;}





.zuoyou_left{ float: left; width: 60px;}

.zuoyou_left img{ width: 60px; height: 60px;  border-radius: 50%; border: 1px solid #eee}



.zuoyou_right{ float: left; width: 805px; margin-left: 20px;}

.zuoyou_right1_left{ float: left; color: #333; font-size: 15px;}



.zuoyou_right1_right{  float:right; color: #999;font-size: 15px;}









.zuoyou_right2{ padding-top: 8px; font-size: 14px; color: #666; line-height: 25px;}

.zuoyou_right1{ padding-top: 5px;}





.zouyou{ border-bottom: 1px dashed   #DFDFDF; padding-bottom: 20px; margin-bottom:30px;}







/*购物车*/



.tabs {

  width: 1200px;

  height: 55px;

  background-color: #ffffff;

  margin: 18px auto;

  display: flex;

}

.tabs p {

  width: 134px;

  position: relative;

  text-align: center;

  line-height: 65px;

  cursor: pointer; font-size: 20px

}

.tabs p:last-child:after {

  display: none;

}

.tabs p.active::before {

  display: block;

}

.tabs p:after {

  height: 23px;

  width: 1px;

  position: absolute;

  top: 17px;

  right: 0px;

  background-color: #eeeeee;

  content: "";

}

.tabs p:before {

  content: "";

  position: absolute;

  bottom: 0px;

  left: 0px;

  width: 90%;

  height: 2px;

  background-color: #1798dc;

  display: none;

  left: 5%;

}

.settlement {

  width: 100%;

  background-color: #fff;

  margin-top: 31px;

  margin-bottom: 16px;

  height: 60px;

}

.settlement > div {

  width: 1200px;

  display: flex;

  justify-content: space-between;

  margin: 0 auto;

}

.settlement > div .right {

  display: flex;

  align-items: center;

}

.settlement > div .right .a-num {

  font-size: 14px;

  font-weight: normal;

  font-stretch: normal;

  letter-spacing: 0px;

  margin-right: 29px;

  color: #333333;

}

.settlement > div .right .a-num span {

  color: #e2231a;

}

.settlement > div .right a {

  width: 152px;

  height: 60px;

  background-color: #1798dc;

  font-size: 16px;

  text-align: center;

  line-height: 60px;

  border: none;

  box-sizing: border-box;

  color: #fff;

  cursor: pointer;

}

.settlement > div .right .price {

  font-size: 14px;

  font-weight: normal;

  font-stretch: normal;

  letter-spacing: 0px;

  color: #333333;

  margin-right: 34px;

}

.settlement > div .right .price span {

  font-size: 24px;

  font-weight: normal;

  letter-spacing: 0px;

  color: #e2231a;

}

.settlement > div .left {

  display: flex;

  padding-left: 30px;

  align-items: center;

}

.settlement > div .left .checkbox {

  position: relative;

  height: 60px;

  margin-right: 15px;

  width: 25px;

}

.settlement > div .left p {

  font-size: 14px;

  font-weight: normal;

  font-stretch: normal;

  letter-spacing: 0px;

  color: #333333;

  margin-right: 30px;

  cursor: pointer;

}

.settlement > div .left span {

  height: 40px;

  background-color: #1798dc;

  border-radius: 6px;

  font-size: 14px;

  text-align: center;

  width: 120px;

  color: #fff;

  line-height: 40px;

  cursor: pointer;

}

.settlement > div .left span:hover {

	background: #178fce !important;

}



.checkbox {

  width: 82px;

  position: relative;

}

/*lable标签的大小、位置、背景颜色更改，在css选择时，“+”代表相邻元素，即当前元素的下一元素*/

.chat-button-location-radio-input + label {

  display: block;

  width: 20px;

  height: 20px;

  cursor: pointer;

  position: absolute;

  top: 50%;

  left: 50%;

  border: solid 2px #c0c0c0;

  transform: translate(-50%, -50%);

  border-radius: 100px;

  box-sizing: border-box;

}

.chat-button-location-radio-input:checked + label {

  background-color: #178fce;

  border: none;

}

.chat-button-location-radio-input:checked + label::before {

  content: "\2714";

  display: block;

  text-align: center;

  font-size: 16px;

  color: #fff;

}

input[type=checkbox] {

  /*visibility: hidden;*/

}





.jiayou{ width: 1200px; margin: 0 auto;}

.list > .jiaoyou_z{width: 1200px; margin: 0 auto; border-radius: 4px; margin-top: 10px; height: 154px;}

.list > .jiaoyou_z .pinam{ background:none; width: 94%; float:right}

.jiaoyou_z .checkbox{ float: left; width: 70px; /*margin-top: 60px*/;}

.list > .jiaoyou_z .pinam1{ margin-left: 0;}



.settlement{ height: 118px;}



.settlement > div .right b{ padding-left: 5px; padding-right: 5px; color: #e2231a;}

.xuchou{ padding-right: 21px;

    padding-top: 7px;}







.sysc_n{ width: 1200px; margin: 0 auto; background: #fff; margin-top: 10px; padding: 30px; box-sizing: border-box; min-height: 500px;}

.sysc_n h2{ font-size: 28px; text-align:center; border-bottom: 1px dashed #cacaca; line-height: 50px; padding-bottom: 10px;}

.sysc_n_n{  font-size: 15px; color: #666; line-height: 30px; padding-top: 30px;}















.n-about .list1 {

  background: #fff;

  padding: 2.75rem 0;

  text-align: center; padding-top: 60px; padding-bottom: 20px;

}

.n-about .list1 .title {

  font-size: 1.5rem;

  line-height: 1.0;

 

}

.n-about .list1 .tit1 {

  color: #333;

  margin-bottom: .5rem;

  text-transform: uppercase;

}

.n-about .list1 .title-two {

  display: none;

}

.n-about .list1 .text img {

  max-width: 100%;

}

.n-about .list1 .clip-text {

  line-height: 1.2;

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  background-clip: text;

  text-fill-color: transparent;

  font-family: "Microsoft YaHei";

}

.n-about .list1 .clip-text:before,

.n-about .list1 .clip-text:after {

  position: absolute;

  content: '';

}

.n-about .list1 .clip-text:before {

  z-index: -2;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  background-image: inherit;

}

.n-about .list1 .clip-text:after {

  position: absolute;

  z-index: -1;

  top: 0em;

  right: 0em;

  bottom: 0em;

  left: 0em;

  background-color: #fff;

}

.n-about .list1 .clip-text_one {

  background-image: url(../images/9.jpg);                                    

  background-position: left top;

}

.n-about .list1 .ulbox {

  position: relative;

  overflow: hidden;

  margin-top: 1.5rem;

  z-index: 1;

}

.n-about .list1 .ulbox .swiper-button-prev, .n-about .list1 .ulbox .swiper-button-next {

  display: none;

}

.n-about .list1 .ulbox .swiper-slide {

  text-align: center;

  padding-bottom: .5rem;

}

.n-about .list1 .ulbox .swiper-slide .btn {

  opacity: .6;

  transform: scale(0.9);

  transition: all .3s ease-in-out;

}

.n-about .list1 .ulbox .swiper-slide .btn img {

  max-width: 100%;

}

.n-about .list1 .ulbox .swiper-slide .tit2 {

  position: absolute;

  left: 0;

  opacity: .6;

  width: 100%;

  top: 120px;

  color: #333;

  transition: all .3s ease-in-out;

}

.n-about .list1 .ulbox .swiper-slide .tit3 {

  margin-top: 1.25rem;

  opacity: 0;

  color: #666;

  transition: all .3s ease-in-out;

}

.n-about .list1 .ulbox .swiper-slide:hover .btn {

  opacity: 1;

  transform: scale(1);

}

.n-about .list1 .ulbox .swiper-slide:hover .tit2 {

  opacity: 1;

  font-size: .75rem;

}

.n-about .list1 .ulbox .swiper-slide:hover .tit3 {

  opacity: 1;

}

.n-about .list1 .ulbox .swiper-button-next, .n-about .list1 .ulbox .swiper-button-prev {

  width: 40px;

  height: 40px;

  line-height: 40px;

  text-align: center;

  font-size: 36px;

  color: #333;

  transform: translate(0, -50%);

  transition: all .3s ease;

  background: none !important;

  opacity: 1;

}

.n-about .list1 .ulbox .swiper-button-next:before, .n-about .list1 .ulbox .swiper-button-prev:before {

  display: block;

}

.n-about .list1 .ulbox .swiper-button-prev {

  left: 2rem;

  transform: translate(-40px, -50%);

}

.n-about .list1 .ulbox .swiper-button-next {

  right: 2rem;

  transform: translate(40px, -50%);

}

.n-about .list1 .ulbox .swiper-button-next:before {

  transform: rotate(-180deg);

}

.n-about .list1 .ulbox:hover .swiper-button-prev {

  opacity: 1;

  transform: translate(0, -50%);

}

.n-about .list1 .ulbox:hover .swiper-button-next {

  opacity: 1;

  transform: translate(0, -50%);

}

@media (max-width: 1500px) {

  

}

@media (max-width: 1360px) {

  

}

@media (max-width: 1270px) {



}

@media (max-width: 1024px) {

  .n-about .list1 {

    padding: 2rem 0;

  }

  .n-about .list1 .swiper-slide {

    padding-bottom: 1rem;

  }



  .n-about .list1 .swiper-button-next, .n-about .list1 .swiper-button-prev {

    width: 45px;

    height: 45px;

    line-height: 45px;

  }



  .n-about .list1 .swiper-button-next, .n-about .list1 .swiper-button-prev {

    opacity: 1;

  }



  .n-about .list1 .swiper-button-prev {

    left: -.5rem;

    transform: translate(0, -50%);

  }



  .n-about .list1 .swiper-button-next {

    right: -.5rem;

    transform: translate(0, -50%);

  }

  .n-about .list1 .swiper-slide .tit3 {

    opacity: 1;

  }

}

@media (max-width: 960px) {

  .n-about .list1 .ulbox .swiper-button-next, .n-about .list1 .ulbox .swiper-button-prev {

    opacity: 1;

    color: #999;

    transform: translate(0, -50%) !important;

  }

}

@media (max-width: 768px) {



}

@media (max-width: 560px) {

  .n-about .list1 .swiper-button-next, .n-about .list1 .swiper-button-prev {

    font-size: 26px;

  }

  .n-about .list1 .ulbox .swiper-button-prev {

    left: 0rem;

    font-size: 22px;

  }



  .n-about .list1 .ulbox .swiper-button-next {

    right: 0rem;

    font-size: 22px;

  }

}

/*end*/





.bannerText2 .b5 {

				font-size: 30px;

				color: #FFFFFF;

				text-shadow: rgba(0, 0, 0, 1) 0 0 20px;

				font-weight: bolder;

				text-align: center;

				transform: translateY(30px);

				transition: all ease 1.5s;

				z-index: 9999;

				opacity: 0.5;

				max-width: 1200px;

				text-align: center;

				line-height: 2em;

				text-align: left;

				width: 94%;

			}

			

			.swiper-slide.banner_list.swiper-slide-active .bannerText2 .b5 {

				transform: translateY(00px);

				opacity: 1;

			}

			

			.bannerText2 .b9 {

				font-size: 26px;

				color: #FFFFFF;

				text-shadow: rgba(0, 0, 0, 1) 0 0 20px;

				text-align: center;

				transform: translateY(30px);

				transition: all ease 1.5s;

				z-index: 9999;

				opacity: 0.5;

				max-width: 1200px;

				text-align: center;

				line-height: 2em;

				text-align: left;

				width: 94%;

			}

			

			.swiper-slide.banner_list.swiper-slide-active .bannerText2 .b9 {

				transform: translateY(00px);

				opacity: 1;

			}

			

			.bannerText2 .b6 {

				font-size: 65px;

				color: #FFFFFF;

				text-shadow: rgba(0, 0, 0, 1) 0 0 20px;

				font-weight: bolder;

				text-align: center;

				transform: translateY(30px);

				transition: all ease 1.5s;

				z-index: 9999;

				opacity: 0.5;

				max-width: 1200px;

				text-align: center;

				line-height: 2em;

				text-align: left;

				width: 94%;

			}

			

			.swiper-slide.banner_list.swiper-slide-active .bannerText2 .b6 {

				transform: translateY(00px);

				opacity: 1;

			}

			

			.bannerText2 .b7 {

				font-size: 25px;

				color: #FFFFFF;

				text-shadow: rgba(0, 0, 0, 1) 0 0 20px;

				text-align: center;

				transform: translateY(30px);

				transition: all ease 1.5s;

				z-index: 9999;

				opacity: 0.5;

				max-width: 1200px;

				text-align: center;

				line-height: 1em;

				text-align: left;

				width: 94%;

			}

			

			.swiper-slide.banner_list.swiper-slide-active .bannerText2 .b7 {

				transform: translateY(00px);

				opacity: 1;

			}

			

			.bannerText2 .b8 {

				text-align: center;

				transform: translateY(30px);

				transition: all ease 1.5s;

				z-index: 9999;

				opacity: 0.5;

				max-width: 1200px;

				width: 94%;

				margin-top: 50px;

			}

			

			.bannerText2 .b8 a {

				font-size: 14px;

				color: #FFFFFF;

				width: 205px;

				height: 57px;

				background: url(static/images/b1.png) no-repeat 50%/ cover;

				display: flex;

				align-items: center;

				justify-content: center;

			}

			

			.bannerText2 .b8 a i {

				margin-left: 10px;

			}

			

			.swiper-slide.banner_list.swiper-slide-active .bannerText2 .b8 {

				transform: translateY(00px);

				opacity: 1;

			}

			

			@media screen and (max-width:640px) {

				.bannerText2 .b5 {

					font-size: 14px;

				}

				.bannerText2 .b6 {

					font-size: 24px;

				}

				.bannerText2 .b7 {

					font-size: 14px;

				}

				.bannerText2 .b7 br {

					display: none;

				}

				.bannerText2 .b8 {

					margin-top: 10px;

				}

				.bannerText2 .b8 a {

					width: 120px;

					height: 28px;

					background-size: 100% 100%;

				}

				.bannerText2 .b9 {

					font-size: 16px;

				}

			}

			









@media (max-width: 1500px) {

	

	.picScroll-left{ width: 100%}

	

}





.xin_ny{ padding-bottom: 60px;}




.sous{ position: absolute; width: 370px; height: 80px; background: #fff; right:65px; top: 0; display: none;padding-top: 20px;
    padding-left: 17px;} 

.sous .shu{ width: 230px; height: 40px; float: left;}
body .am-btn{ float: left; width: 110px; height: 40px;text-align: center; line-height: 40px; background: #1798dc;}

.cbl .cblItem:hover .sous{ display: block}


.cpgs2 table{ border: 1px solid #797979!important}

.cpgs2 table tr th, .cpgs2 table tr td {

        border:1px solid #797979!important;

         }
         
         
         @media (max-width: 1430px) {
             .zhaopin{ width:1200px;}
             .talent-recruitment .talent-recruitment-title .dateofissue{ width:100px}
             .talent-recruitment .talent-recruitment-list > li .talent-title .add88{ width:100px}
             
        
         }
         
         @media (max-width: 1290px) {
           body .header1 .nav .li {
    margin-left: 0px;
    margin-right: 0px;
}  
             
         } 
         
         @media (max-width: 1250px) {
          .header1 .nav {
    margin-left: 0rem;
}
             
         } 
         
         @media screen and (max-width:1140px){
            body .header1 .nav {
    margin-left: 0rem;
}
body .header1 .nav .li{ width:104px}
             
             
         }
         
         
        @media (max-width: 1060px) {
            body .header1 .nav .li{ width:100px}
             body .header1 {
    padding: 0 0.4rem;
}
 @media (max-width: 1030px) {
            body .header1 .nav .li{ width:96px}
           body .header1 {
    padding: 0 0.8rem;
}
             
             
             
         }